Issue #299: FIX change name share button on profile page and add user verified emblem

src/app/components/ShareButton.js

@@ -23,7 +23,12 @@ export default function ShareButton({ type, id }) {
                 aria-label="Compartilhar"
             >
                 <ShareOutlinedIcon fontSize="small" />
+                {type === "perfil" ?
+                    <span className="hidden md:inline">Compartilhar Perfil</span>
+                    :
                     <span className="hidden md:inline">Compartilhar</span>
+                }
+
             </button>
             <ShareModal
                 open={shareOpen}

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

@@ -4,6 +4,7 @@ import mecredApi, { mecredURL } from '@/axiosConfig';
 
 export default function MedalAchievements({ items }) {
   
+
   return (
     <div className="flex flex-row w-1/3 max-sm:w-full justify-end max-sm:justify-center xl:gap-x-6 max-sm:gap-x-2 md:gap-x-2 md:max-xl:ml-[80px] xl:mr-10 max-sm:mb-5">
       {items?.map((avatar, index) =>

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,6 +241,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
 
     }
 
+    // const cargo = 
 
 
     return (
@@ -232,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-6'>
+                            <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"]}
 
@@ -242,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>