Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

import SwitchInput from '@components/UI/SwitchInput';
import { Form, FormButton } from '@shared/components';
import { SettingsWidget } from '@account-settings/components';

const Notifications = () => {
  const { notifications, handleChecked, updateSettings } = useNotificationSettings();

  return (
    <SettingsWidget title='Notificaciónes de Correo Electrónico'>
      <Form onSubmit={updateSettings}>
        {Object.keys(notifications).map((key) => {
          return (
            <div className='notbat' key={key}>
              <span>{notifications[key].label}</span>
              <SwitchInput
                isChecked={notifications[key].value}
                setValue={(value) => handleChecked(value, key)}
              />
            </div>
          );
        })}

        <FormButton type='submit'>Guardar</FormButton>
      </Form>
    </SettingsWidget>
  );
};

export default Notifications;