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;