WebSVN – LeadersLinked - SPA – Diff – /app/components/profile/skills/SkillsCard.jsx

-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { IconButton } from '@mui/material'
 import { Edit } from '@mui/icons-material'
-import { axios } from '@app/utils'
+import { axios, formatObjectToArray } from '@app/utils'
 import { addNotification } from '@app/redux/notification/notification.actions'
 import TagsList from '@app/components/UI/TagsList'
 }) => {
   const [skills, setSkills] = useState([])
   const [showModal, setShowModal] = useState(false)
   const labels = useSelector(({ intl }) => intl.labels)
   const dispatch = useDispatch()
+  const usersSkills = useMemo(() => formatObjectToArray(defaultSkills))
   const toggleModal = () => setShowModal(!showModal)
         dispatch(addNotification({ style: 'danger', msg: error.message }))
       })
+  }
-  useEffect(() => {
-    const formattedSkills = Object.entries(defaultSkills).map(
-      ([key, value]) => ({
-        name: value,
-        value: key
-      })
-    )
+  useEffect(() => {
-    setSkills(formattedSkills)
+    setSkills(usersSkills)
-  }, [defaultSkills])
+  }, [usersSkills])
   return (
     <>

Proyectos de Subversion LeadersLinked - SPA