Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3719 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3719 Rev 3736
Línea 1... Línea 1...
1 
import React, { useState } from 'react';
 1 
import React from 'react';
2 
import { IconButton, Typography } from '@mui/material';
 2 
import { IconButton, Typography } from '@mui/material';
3 
import { Edit } from '@mui/icons-material';
 3 
import Edit from '@mui/icons-material/Edit';
Línea 4... Línea -...
4 
 
 - 
 
5 
import Widget from '@components/UI/Widget';
 4 
 
Línea 6... Línea 5...
6 
import IndustryModal from './industry-modal';
 5 
import { useModal } from '@shared/hooks';
7 
 
 6 
 
Línea -... Línea 7...
- 
 
 7 
import { Card, CardContent, CardHeader } from '@shared/components';
8 
const Industry = ({ groupId, industry, industries, onEdit, edit }) => {
 8 
import { IndustryForm } from './IndustryForm';
Línea 9... Línea -...
9 
  const [isModalOpen, setIsModalOpen] = useState(false);
 - 
 
10 
 
 - 
 
11 
  const toggleModal = () => setIsModalOpen(!isModalOpen);
 - 
 
12 
 
 - 
 
13 
  return (
 - 
 
14 
    <>
 9 
 
15 
      <Widget>
 - 
 
16 
        <Widget.Header
 - 
 
17 
          title='Industria'
 - 
 
18 
          renderAction={() => {
 - 
 
19 
            if (!edit) return;
 - 
 
20 
            return (
 10 
export function Industry({ uuid, industry, industries, updateGroup, edit }) {
21 
              <IconButton onClick={toggleModal}>
 - 
 
22 
                <Edit />
 - 
 
23 
              </IconButton>
 - 
 
24 
            );
 - 
 
25 
          }}
 - 
 
26 
        />
 - 
 
27 
 
 11 
  const { showModal, closeModal } = useModal();
28 
        <Widget.Body>
 12 
 
29 
          <Typography>{industry}</Typography>
 - 
 
30 
        </Widget.Body>
 13 
  const handleEdit = () => {
31 
      </Widget>
 - 
 
32 
      <IndustryModal
 14 
    showModal(
33 
        show={isModalOpen}
 15 
      'Industria',
34 
        groupId={groupId}
 16 
      <IndustryForm
- 
 
 17 
        uuid={uuid}
- 
 
 18 
        industry={industry}
- 
 
 19 
        industries={industries}
35 
        industries={industries}
 20 
        onSubmit={(newIndustry) => {
- 
 
 21 
          updateGroup((prev) => ({ ...prev, industry: newIndustry }));
- 
 
 22 
          closeModal();
- 
 
 23 
        }}
- 
 
 24 
      />
- 
 
 25 
    );
- 
 
 26 
  };
- 
 
 27 
 
- 
 
 28 
  return (
- 
 
 29 
    <Card>
- 
 
 30 
      <CardHeader
- 
 
 31 
        title='Industria'
- 
 
 32 
        renderAction={() => {
- 
 
 33 
          if (!edit) return;
- 
 
 34 
          return (
- 
 
 35 
            <IconButton onClick={handleEdit}>
36 
        industry={industry}
 36 
              <Edit />
- 
 
 37 
            </IconButton>
- 
 
 38 
          );
- 
 
 39 
        }}
- 
 
 40 
      />
- 
 
 41 
 
37 
        onClose={toggleModal}
 42 
      <CardContent>
38 
        onConfirm={onEdit}
 43 
        <Typography>{industry}</Typography>
Línea 39... Línea 44...
39 
      />
 44 
      </CardContent>