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;