Issue #299: FIX change name share button on profile page

src/app/perfil/[id]/components/UserCard.js

@@ -19,6 +19,7 @@ import FollowersCards from "./FollowersCards";
 import ProfileComplaints from "./ProfileComplaints";
 import ProfileAchievementsMenu from "./ProfileAchievementsMenu";
 import { Person } from "@mui/icons-material";
+import { TramSharp } from '@mui/icons-material';
 
 const roles = [
     {
@@ -103,6 +104,8 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
     const [translateItems, setTranslateItems] = useState("")
     const [optButton, setOptButton] = useState(0)
     const [verifyCurator, setVerifyCurator] = useState(false)
+    const [userVerified, setUserVerified] = useState (false)
+    const [medalActive, setMedalActive] = useState(0)
 
 
     /**
@@ -150,7 +153,12 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
                 })
         }
 
+        //Conta quantas medalhas ativas o usuário possui
+        const countMedalBeingUsed = items?.filter (item => item.being_used).length;
+        setMedalActive(countMedalBeingUsed)
+
         fetchFollowers()
+        verifier()        
 
         /**
          * Função que faz a tradução conforme os cargos do usuário.
@@ -174,6 +182,26 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
             .then(roles => setTranslateItems(roles))        
     }, [profileData])
 
+    // Função que análisa se o usuário é considerado "verificado" conforme cargo
+    const verifier = async () => {
+        const all_roles = [
+          "teacher", "admin", "curator", "moderator",
+          "supervisor", "editor", "partner", "publisher", "submitter"
+        ];
+      
+        // Extrai todos os nomes dos cargos do usuário
+        const user_roles = profileData["roles"].map(role => role.name);
+
+        // Verifica se algum cargo do usuário está na lista de roles permitidos
+        const verifier_user_roles = user_roles.find(role => all_roles.includes(role));
+      
+        if (verifier_user_roles) {
+          setUserVerified(true);
+        }
+      }; 
+      
+
+            
     
     /*
      * Menu de seleção do usuário 
@@ -213,7 +241,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
 
     }
 
-    console.log ("teste", items)
+    // const cargo = 
 
 
     return (
@@ -233,7 +261,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
                         <div className=' flex flex-col justify-start '>
                             <div className='flex flex-row max-sm:flex-col-reverse'>
 
-                                <div className={`flex flex-row w-2/3 max-sm:w-full items-center text-darkGray-HC-white font-bold max-sm:text-3xl text-4xl max-sm:mr-5  max-sm:mb-5 ${items.length === 0 ? "mb-3" : ""}`}>
+                            <div className={`flex flex-row w-2/3 max-sm:w-full items-center text-darkGray-HC-white font-bold max-sm:text-3xl text-4xl max-sm:mr-5  max-sm:mb-5 ${medalActive === 0 ? "mb-3" : ""}`}>
                                     <img src="/usuario-perfil.svg" alt="perfil" className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full' />
                                     <div className='shrink-0 max-lg:w-[20px] max-lg:h-[20px] h-[28px] p-0 m-0' /> {profileData["name"]}
 
@@ -243,18 +271,21 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
 
                             </div>
 
-                            {profileData["email"] && profileData["id"] !== 35342 && (
+                            {/* {profileData["email"] && profileData["id"] !== 35342 && (
                                 <div className='mb-3 truncate flex flex-row items-center text-darkGray-HC-white max-sm:text-base text-2xl'>
-                                    <img src="/usuario-verificado.svg" alt="ocupacao" className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full' />
+                                    <img src="/ocupacao.svg" alt="ocupacao" className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full' />
                                     <div className='shrink-0 h-[28px] max-lg:w-[20px] max-lg:h-[20px]' />
                                     {profileData["email"]}
                                 </div>
-                            )}
+                            )}  */}
 
                             <div className='mb-3'>
                                 {translateItems && 
                                     <div className='flex flex-row items-center mt-1 text-darkGray-HC-white max-sm:text-base text-xl'>
-                                        <img src="/ocupacao.svg" alt="verificado" className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full' />
+                                        {userVerified ?  <img src="/usuario-verificado.svg" alt="verificado" className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full' />
+                                            :  
+                                            null
+                                        }                                        
                                         <div className='shrink-0 h-[28px] max-lg:w-[20px] max-lg:h-[20px]' />
                                         {translateItems}
                                     </div>