Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3129 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3129 Rev 3150
Línea 1... Línea 1...
1 
import React, { useState } from 'react'
 1 
import React, { useState } from 'react'
2 
import { useNavigate } from 'react-router-dom'
 2 
import { useNavigate } from 'react-router-dom'
- 
 
 3 
import { useDispatch } from 'react-redux'
3 
import { Typography } from '@mui/material'
 4 
import { Typography } from '@mui/material'
Línea 4... Línea 5...
4 
 
 5 
 
- 
 
 6 
import { usePurposes } from '@hooks'
- 
 
 7 
import { deletePurpose } from '@services/habits/purposes'
Línea 5... Línea 8...
5 
import { usePurposes } from '@hooks'
 8 
import { addNotification } from '@store/notification/notification.actions'
6 
 
 9 
 
7 
import Widget from '@components/UI/Widget'
 10 
import Widget from '@components/UI/Widget'
Línea 8... Línea 11...
8 
import Options from '@components/UI/Option'
 11 
import Options from '@components/UI/Option'
9 
import ConfirmModal from '@components/modals/ConfirmModal'
 12 
import ConfirmModal from '@components/modals/ConfirmModal'
10 
 
 13 
 
11 
export default function PurposeItem({
 14 
export default function PurposeItem({
12 
  purpose: { id, name, description, actions }
 15 
  purpose: { id, name, description, actions }
- 
 
 16 
}) {
Línea 13... Línea 17...
13 
}) {
 17 
  const [show, setShow] = useState(false)
- 
 
 18 
  const navigate = useNavigate()
Línea 14... Línea 19...
14 
  const [show, setShow] = useState(false)
 19 
  const dispatch = useDispatch()
Línea -... Línea 20...
- 
 
 20 
 
- 
 
 21 
  const { removePurpose, getPurposeById } = usePurposes()
- 
 
 22 
  const currentPurpose = getPurposeById(id)
- 
 
 23 
 
- 
 
 24 
  const toggleConfirmModal = () => setShow(!show)
- 
 
 25 
 
- 
 
 26 
  const handleDelete = async () => {
- 
 
 27 
    try {
- 
 
 28 
      const response = await deletePurpose(currentPurpose.actions.link_delete)
- 
 
 29 
      dispatch(addNotification({ style: 'success', msg: response }))
15 
  const navigate = useNavigate()
 30 
      removePurpose(id)
16 
 
 31 
    } catch (error) {
17 
  const { deletePurpose } = usePurposes()
 32 
      dispatch(addNotification({ style: 'danger', msg: error.message }))
18 
 
 33 
    }
19 
  const toggleConfirmModal = () => setShow(!show)
 34 
  }
Línea 44... Línea 59...
44 
      <ConfirmModal
 59 
      <ConfirmModal
45 
        show={show}
 60 
        show={show}
46 
        onClose={toggleConfirmModal}
 61 
        onClose={toggleConfirmModal}
47 
        title='Borrar'
 62 
        title='Borrar'
48 
        message='¿Estás seguro de que quieres borrar este propósito?'
 63 
        message='¿Estás seguro de que quieres borrar este propósito?'
49 
        onAccept={() => deletePurpose(id)}
 64 
        onAccept={handleDelete}
50 
      />
 65 
      />
51 
    </>
 66 
    </>
52 
  )
 67 
  )
53 
}
 68 
}