diff --git a/src/app/components/ShareButton.js b/src/app/components/ShareButton.js
index 47d1934266897fc0ac5c141aba6b8f2980097c57..9bd1272da5f240f33ef5e2464d9980f4be2edc88 100644
--- a/src/app/components/ShareButton.js
+++ b/src/app/components/ShareButton.js
@@ -11,10 +11,10 @@ import { usePathname } from 'next/navigation';
*/
export default function ShareButton({ type, id }) {
const [shareOpen, setShareOpen] = useState(false);
-
+
const baseUrl = typeof window !== 'undefined' ? window.location.origin : '';
- const link = `${baseUrl}/${type}/${id}`; // Gera o link dinâmico baseado no tipo e ID
-
+ const link = `${baseUrl}/${type}/${id}`; // Gera o link dinâmico baseado no tipo e ID
+
return (
<>
<button
@@ -23,7 +23,12 @@ export default function ShareButton({ type, id }) {
aria-label="Compartilhar"
>
<ShareOutlinedIcon fontSize="small" />
- <span className="hidden md:inline">Compartilhar</span>
+ {type === "perfil" ?
+ <span className="hidden md:inline">Compartilhar Perfil</span>
+ :
+ <span className="hidden md:inline">Compartilhar</span>
+ }
+
</button>
<ShareModal
open={shareOpen}
diff --git a/src/app/perfil/[id]/components/MedalAchievements.js b/src/app/perfil/[id]/components/MedalAchievements.js
index 0a6cdfadb0afd4caa635833dbb2ac340a3c01dca..293427e891b54a071f31ff9c2c253ae62cb42a73 100644
--- a/src/app/perfil/[id]/components/MedalAchievements.js
+++ b/src/app/perfil/[id]/components/MedalAchievements.js
@@ -3,6 +3,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">
diff --git a/src/app/perfil/[id]/components/UserCard.js b/src/app/perfil/[id]/components/UserCard.js
index 9019411433caf5a3183cba6e68edfa56d2bfe7c5..f31a2781ef6faa914e90af37b689a5f6129c9ea9 100644
--- a/src/app/perfil/[id]/components/UserCard.js
+++ b/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.
@@ -171,10 +179,30 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
}
itemsRoles()
- .then(roles => setTranslateItems(roles))
+ .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
* Verifica se o usuário está logado para definir as opções
@@ -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 &&
+ {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>