Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { IconButton, Typography } from '@mui/material';

import Edit from '@mui/icons-material/Edit';

import { useModal } from '@shared/hooks';

import { Card, CardContent, CardHeader } from '@shared/components';

import { PrivacyForm } from './PrivacyForm';

export function Privacy({ uuid, privacy, privacies, updateGroup, edit }) {

  const { showModal, closeModal } = useModal();

  const handleEdit = () => {

    showModal(

      'Privacidad',

      <PrivacyForm

        privacies={privacies}

        privacy={privacy}

        uuid={uuid}

        onSubmit={(newPrivacy) => {

          updateGroup((prev) => ({ ...prev, privacy: newPrivacy }));

          closeModal();

        }}

      />

    );

  };

  return (

    <Card>

      <CardHeader

        title='Privacidad'

        renderAction={() => {

          if (!edit) return;

          return (

            <IconButton onClick={handleEdit}>

              <Edit />

            </IconButton>

          );

        }}

      />

      <CardContent>

        <Typography>{privacy}</Typography>

      </CardContent>

    </Card>

  );

}

export default Privacy;