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/GroupButton.js b/src/app/perfil/[id]/components/GroupButton.js
index ccfd928cd799605670f5f40ba6b0864b41a5b8b5..cfa838fe776be69c505541989c6abe5080436a91 100644
--- a/src/app/perfil/[id]/components/GroupButton.js
+++ b/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
*/
@@ -85,13 +70,13 @@ export default function GroupButton({ profileData, idLogin }) {
const ReportedModal = ({ open, onClose }) => {
return (
- <Modal open={open} onClose={onClose} className="grid place-items-center" slotProps={{
- backdrop: {
- sx: {
- backgroundColor: "rgba(0, 0, 0, 0.3)", // Ajuste a opacidade conforme necessário
- },
+ <Modal open={open} onClose={onClose} className="grid place-items-center" slotProps={{
+ backdrop: {
+ sx: {
+ backgroundColor: "rgba(0, 0, 0, 0.3)", // Ajuste a opacidade conforme necessário
},
- }}>
+ },
+ }}>
<div className="flex flex-col justify-center bg-ice-HC-dark p-5 rounded outline outline-1 outline-ice-HC-white">
<p className="text-xl justify-center flex text-darkGray-HC-white mb-2">O usuário já foi denunciado!</p>
<div className="flex flex-row justify-center mt-2">
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..422a1d68b734078510c0d60e89e0931baaf7dff6 100644
--- a/src/app/perfil/[id]/components/UserCard.js
+++ b/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>