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/GroupButton.js

@@ -60,21 +60,6 @@ export default function GroupButton({ profileData, idLogin }) {
     setFollow(!follow);
   }
 
-  
-  function shareLink(url) {
-    if (navigator.share) {
-      navigator.share({
-        title: "Compartilhar",
-        url: url,
-      })
-        .then(() => console.log("Compartilhamento realizado com sucesso"))
-        .catch((error) => console.error("Erro ao compartilhar:", error));
-    } else {
-      console.log("Compartilhamento nativo não suportado");
-    }
-  }
-
-
   /**
    * Atualiza o perfil para marcar com seguindo
    */

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,7 +19,9 @@ import FollowersCards from "./FollowersCards";
 import ProfileComplaints from "./ProfileComplaints";
 import ProfileAchievementsMenu from "./ProfileAchievementsMenu";
 import { Person } from "@mui/icons-material";
+import { TramSharp } from '@mui/icons-material';
 
+/* Não precisa mais com o Verificado
 const roles = [
     {
         id: 1,
@@ -72,7 +74,7 @@ const roles = [
         translate: ""
     }
 
-]
+] */
 
 
 function getRandomBg(id) {
@@ -100,9 +102,11 @@ function getRandomBg(id) {
 export default function UserCard({ profileData, idLogin, achievements, progresses, setItems, items, store }) {
     const [followers, setFollowers] = useState(0)
     const [following, setFollowing] = useState(0)
-    const [translateItems, setTranslateItems] = useState("")
+    // const [translateItems, setTranslateItems] = useState("") Não precisa mais com o Verificado
     const [optButton, setOptButton] = useState(0)
     const [verifyCurator, setVerifyCurator] = useState(false)
+    const [userVerified, setUserVerified] = useState(false)
+    const [medalActive, setMedalActive] = useState(0)
 
 
     /**
@@ -150,14 +154,20 @@ 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.
          * Busca em `roles` qual respectiva tradução no array.
          * A função trata cargos repetidos e, como "submitter" é um cargo de todos os usuários,  é retirado da lista.
          * Função serve também para verificar se o usuário (no caso, o usuário logado) é curador, para ter permissão de homologação 
-         */
+         
+        NÃO PRECISA MAIS DEVIDO AO VERIFICADO
         const itemsRoles = async () => {
             let items = []
             for (let i = 0; i < profileData["roles"].length; i++) {
@@ -172,8 +182,29 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
 
         itemsRoles()
             .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 +244,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
 
     }
 
+    // const cargo = 
 
 
     return (
@@ -232,7 +264,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,20 +274,23 @@ 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' />
-                                        <div className='shrink-0 h-[28px] max-lg:w-[20px] max-lg:h-[20px]' />
-                                        {translateItems}
+                                {userVerified &&
+                                    <div className='flex flex-row items-center mt-3 text-darkGray-HC-white max-sm:text-base text-xl'>
+                                        <img
+                                            src="/usuario-verificado.svg"
+                                            alt="verificado"
+                                            className='flex aspect-square mr-4 max-lg:mx-4 w-[28px] h-[28px] rounded-full'
+                                        />
+                                        <span>Verificado</span>
                                     </div>
                                 }
                             </div>