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

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

@@ -213,6 +213,7 @@ export default function UserCard({ profileData, idLogin, achievements, progresse
 
     }
 
+    console.log ("teste", items)
 
 
     return (
@@ -232,7 +233,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 ${items.length === 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"]}