Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3153 | Rev 3242 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3239 stevensc 1 
import React, { useState } from 'react'
2 
import { useNavigate } from 'react-router-dom'
3 
import { useDispatch } from 'react-redux'
4 
import { Typography } from '@mui/material'
3153 stevensc 5 
 
3239 stevensc 6 
import { useHabits } from '@hooks'
7 
import { deleteHabit } from '@services/habits/habits'
8 
import { addNotification } from '@store/notification/notification.actions'
9 
 
3153 stevensc 10 
import Widget from '@components/UI/Widget'
3239 stevensc 11 
import Options from '@components/UI/Option'
12 
import ConfirmModal from '@components/modals/ConfirmModal'
3153 stevensc 13 
 
14 
export default function HabitItem({
15 
  habit: {
3239 stevensc 16 
    id = 1,
17 
    name = 'Habito 1',
18 
    description = 'Prueba',
19 
    intelligence = 'physical',
20 
    actions = {
21 
      link_edit:
22 
        'https://dev-services.leaderslinked.com/habits/skills/edit/da9210a1-c36b-4b51-b102-9f3bd1e33bc1',
23 
      link_delete:
24 
        'https://dev-services.leaderslinked.com/habits/skills/delete/da9210a1-c36b-4b51-b102-9f3bd1e33bc1'
3153 stevensc 25 
    }
26 
  }
27 
}) {
3239 stevensc 28 
  const [show, setShow] = useState(false)
29 
  const navigate = useNavigate()
30 
  const dispatch = useDispatch()
31 
 
32 
  const { removeHabit, getHabitById } = useHabits()
33 
  const currentParadigm = getHabitById(id)
34 
 
35 
  const toggleConfirmModal = () => setShow(!show)
36 
 
37 
  const handleDelete = async () => {
38 
    try {
39 
      const response = await deleteHabit(currentParadigm.actions.link_delete)
40 
      dispatch(addNotification({ style: 'success', msg: response }))
41 
      removeHabit(id)
42 
    } catch (error) {
43 
      dispatch(addNotification({ style: 'danger', msg: error.message }))
44 
    }
45 
  }
46 
 
3153 stevensc 47 
  return (
3239 stevensc 48 
    <>
49 
      <Widget>
50 
        <Widget.Header
51 
          title={name}
52 
          subheader={intelligence}
53 
          renderAction={() => (
54 
            <Options>
55 
              {actions.link_edit && (
56 
                <Options.Item onClick={() => navigate(`edit/${id}`)}>
57 
                  Editar
58 
                </Options.Item>
59 
              )}
60 
              {actions.link_delete && (
61 
                <Options.Item onClick={toggleConfirmModal}>Borrar</Options.Item>
62 
              )}
63 
            </Options>
64 
          )}
65 
        />
66 
        <Widget.Body>
67 
          <Typography>{description}</Typography>
68 
        </Widget.Body>
69 
      </Widget>
70 
      <ConfirmModal
71 
        show={show}
72 
        onClose={toggleConfirmModal}
73 
        title='Borrar'
74 
        message='¿Estás seguro de que quieres borrar este hábito?'
75 
        onAccept={handleDelete}
76 
      />
77 
    </>
3153 stevensc 78 
  )
79 
}