Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useForm } from 'react-hook-form';

import { usePrivacySettings } from '@account-settings/hooks';

import { SettingsWidget } from '@account-settings/components';

import SwitchInput from '@components/UI/SwitchInput';

const Privacy = () => {

  const { options, isLoading, isUpdating, handleChecked, updateSettings } = usePrivacySettings();

  const { handleSubmit } = useForm();

  const handleOnSubmit = handleSubmit(() => {

    updateSettings();

  });

  return (

    <SettingsWidget title='Privacidad' loading={isLoading}>

      <form onSubmit={handleOnSubmit}>

        {options.map((option, index) => (

          <div className='notbat' key={index}>

            <span>{option.label}</span>

            <SwitchInput

              isChecked={option.value}

              setValue={(value) => handleChecked(value, option.input_name)}

            />

          </div>

        ))}

        <button type='submit' className='btn btn-primary mt-3' disabled={isUpdating}>

          Guardar

        </button>

      </form>

    </SettingsWidget>

  );

};

export default Privacy;