Function inner

@app/client/src/pages/settings/security.tsx:126–224

()

  );

  const inner = () => {
    if (loading) {
      /* noop */
    } else if (graphqlQueryError) {
      return <ErrorAlert error={graphqlQueryError} />;
    } else if (data && data.currentUser && !data.currentUser.hasPassword) {
      return (
        <div>
          <PageHeader title="Change passphrase" />
          <P>
            You registered your account through social login, so you do not
            currently have a passphrase. If you would like a passphrase, press
            the button below to request a passphrase reset email to '{email}'
            (you can choose a different email by making it primary in{" "}
            <Link href="/settings/emails">email settings</Link>).
          </P>
          <Button onClick={handleResetPassword} disabled={resetInProgress}>
            Reset passphrase
          </Button>
        </div>
      );
    }

    const code = getCodeFromError(error);
    return (
      <div>
        <PageHeader title="Change passphrase" />
        <Form
          {...formItemLayout}
          form={form}
          onFinish={handleSubmit}
          onValuesChange={handleValuesChange}
        >
          <Form.Item
            label="Old passphrase"
            name="oldPassword"
            rules={[
              {
                required: true,
                message: "Please input your passphrase",
              },
            ]}
          >
            <Input type="password" />
          </Form.Item>
          <Form.Item label="New passphrase" required>
            <Form.Item
              noStyle
              name="newPassword"
              rules={[
                {
                  required: true,
                  message: "Please confirm your passphrase",
                },
              ]}
            >
              <Input
                type="password"