Function Settings_Security

@app/client/src/pages/settings/security.tsx:28–230

()

import React, { useCallback, useState } from "react";

const Settings_Security: NextPage = () => {
  const [error, setError] = useState<Error | ApolloError | null>(null);
  const [passwordStrength, setPasswordStrength] = useState<number>(0);
  const [passwordSuggestions, setPasswordSuggestions] = useState<string[]>([]);

  const query = useSharedQuery();

  const [form] = useForm();
  const [changePassword] = useChangePasswordMutation();
  const [success, setSuccess] = useState(false);

  const handleSubmit = useCallback(
    async (values: Store) => {
      setSuccess(false);
      setError(null);
      try {
        await changePassword({
          variables: {
            oldPassword: values.oldPassword,
            newPassword: values.newPassword,
          },
        });
        setError(null);
        setSuccess(true);
      } catch (e) {
        const errcode = getCodeFromError(e);
        if (errcode === "WEAKP") {
          form.setFields([
            {
              name: "newPassword",
              value: form.getFieldValue("newPassword"),
              errors: [
                "The server believes this passphrase is too weak, please make it stronger",
              ],
            },
          ]);
        } else if (errcode === "CREDS") {
          form.setFields([
            {
              name: "oldPassword",
              value: form.getFieldValue("oldPassword"),
              errors: ["Incorrect old passphrase"],
            },
          ]);
        } else {
          setError(e);
        }
      }
    },
    [changePassword, form, setError]
  );

  const {
    data,
    error: graphqlQueryError,
    loading,
  } = useSettingsPasswordQuery();
  const [forgotPassword] = useForgotPasswordMutation();