From 61afd3d36ff649e1f9fc708e34d1d79104720b15 Mon Sep 17 00:00:00 2001
From: Luis Felipe <luis.felipeszsv@gmail.com>
Date: Sat, 30 Sep 2023 17:28:41 -0300
Subject: [PATCH 1/6] refactor: remove fractional progress from profile

---
 apps/app/components/atoms/StatsCard.vue | 2 +-
 apps/app/pages/profile.vue              | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/app/components/atoms/StatsCard.vue b/apps/app/components/atoms/StatsCard.vue
index 7848383..8edb7eb 100644
--- a/apps/app/components/atoms/StatsCard.vue
+++ b/apps/app/components/atoms/StatsCard.vue
@@ -8,6 +8,6 @@ const { label = "", value = "" } = defineProps<{
 <template>
   <div>
     <div class="mb-2 text-sm font-normal text-zinc-700">{{ label }}</div>
-    <div class="text-3xl font-bold">{{ value }} <slot /></div>
+    <div class="text-3xl font-bold">{{ value }}</div>
   </div>
 </template>
diff --git a/apps/app/pages/profile.vue b/apps/app/pages/profile.vue
index a900f9c..4738863 100644
--- a/apps/app/pages/profile.vue
+++ b/apps/app/pages/profile.vue
@@ -33,9 +33,10 @@ function openProfileModal() {
           {{ userStore.user?.fullName || "Sem nome" }}
         </h1>
         <div class="flex flex-wrap items-center gap-8">
-          <StatsCard label="Conquistas" :value="userStore.badges?.length || 0">
-            <span class="font-normal text-zinc-400">/???</span>
-          </StatsCard>
+          <StatsCard
+            label="Conquistas"
+            :value="userStore.badges?.length || 0"
+          />
           <!-- <StatsCard label="Cursos completos" value="6">
             <span class="font-normal text-zinc-400">/28</span>
           </StatsCard> -->

From 135fe1f940e11544d60f0c1b18864afd8845b1f1 Mon Sep 17 00:00:00 2001
From: Luis Felipe <luis.felipeszsv@gmail.com>
Date: Sat, 30 Sep 2023 17:28:55 -0300
Subject: [PATCH 2/6] refactor: add edit icon to name on profile

---
 apps/app/pages/profile.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/app/pages/profile.vue b/apps/app/pages/profile.vue
index 4738863..ee04f07 100644
--- a/apps/app/pages/profile.vue
+++ b/apps/app/pages/profile.vue
@@ -31,6 +31,10 @@ function openProfileModal() {
           @click="openProfileModal"
         >
           {{ userStore.user?.fullName || "Sem nome" }}
+          <font-awesome-icon
+            icon="edit"
+            class="text-base text-zinc-500 group-hover:text-zinc-950"
+          />
         </h1>
         <div class="flex flex-wrap items-center gap-8">
           <StatsCard

From a1552b4533dc9ba39f0e9fed25f5c3fdedfe8d4b Mon Sep 17 00:00:00 2001
From: Luis Felipe <luis.felipeszsv@gmail.com>
Date: Sat, 30 Sep 2023 17:48:07 -0300
Subject: [PATCH 3/6] refactor: auto closes update modal after succesfull
 update

---
 apps/app/components/molecules/ProfileModal.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/app/components/molecules/ProfileModal.vue b/apps/app/components/molecules/ProfileModal.vue
index a75d4ee..95ca622 100644
--- a/apps/app/components/molecules/ProfileModal.vue
+++ b/apps/app/components/molecules/ProfileModal.vue
@@ -10,6 +10,7 @@ async function updateUser() {
   try {
     loading.value = true;
     await userStore.updateUser();
+    userStore.modalOpened = false;
   } catch (e) {
     toast?.error(e);
   } finally {

From eadadc9a368b1fcb9607f6be7fed7ebde53ca29f Mon Sep 17 00:00:00 2001
From: Luis Felipe <luis.felipeszsv@gmail.com>
Date: Fri, 6 Oct 2023 20:19:55 -0300
Subject: [PATCH 4/6] feat: shows not available overlay on disabled badges

---
 apps/app/components/atoms/AchievementCard.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/app/components/atoms/AchievementCard.vue b/apps/app/components/atoms/AchievementCard.vue
index 923b68a..2d3ea66 100644
--- a/apps/app/components/atoms/AchievementCard.vue
+++ b/apps/app/components/atoms/AchievementCard.vue
@@ -47,7 +47,17 @@ const badges: Record<availableBadges, badgeState> = {
 </script>
 
 <template>
-  <div class="group rounded-md p-4 text-sm">
+  <div
+    v-if="disabled"
+    class="w-full h-full min-h-[190px] flex items-center justify-center"
+  >
+    <p
+      class="px-[10px] py-[2px] bg-zinc-200 font-medium text-zinc-900 text-xs rounded-3xl"
+    >
+      Não disponível
+    </p>
+  </div>
+  <div class="group rounded-md p-4 text-sm" v-if="!disabled">
     <div class="mb-3 aspect-square w-full rounded relative">
       <div
         v-if="!disabled"

From aaf784440319860b9d8821d2c674b78b4dcfdb4e Mon Sep 17 00:00:00 2001
From: Luis Felipe <luis.felipeszsv@gmail.com>
Date: Mon, 8 Jan 2024 23:41:29 -0300
Subject: [PATCH 5/6] feat: add edit icon to profile name and picture

---
 apps/app/nuxt.config.ts    |  2 +-
 apps/app/pages/profile.vue | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/apps/app/nuxt.config.ts b/apps/app/nuxt.config.ts
index c2f6c00..8d1ce22 100644
--- a/apps/app/nuxt.config.ts
+++ b/apps/app/nuxt.config.ts
@@ -118,4 +118,4 @@ export default defineNuxtConfig({
     cssPath: "@/styles/main.css",
     viewer: false,
   },
-});
+});
\ No newline at end of file
diff --git a/apps/app/pages/profile.vue b/apps/app/pages/profile.vue
index 0f92fc7..faf5554 100644
--- a/apps/app/pages/profile.vue
+++ b/apps/app/pages/profile.vue
@@ -19,9 +19,14 @@ function openProfileModal() {
     <ProfileModal v-if="userStore.user" />
     <div class="mb-10 flex flex-wrap items-center gap-6 px-4 sm:px-8">
       <div
-        class="group h-[160px] w-[160px] min-w-[160px] cursor-pointer overflow-hidden rounded shadow-lg"
+        class="group h-[160px] w-[160px] min-w-[160px] cursor-pointer overflow-hidden rounded shadow-lg relative"
         @click="openProfileModal"
       >
+        <div
+          class="absolute bg-zinc-900 opacity-50 z-10 w-full h-full flex justify-center items-center invisible group-hover:visible"
+        >
+          <font-awesome-icon icon="edit" class="text-lg text-white" />
+        </div>
         <img
           :src="userStore.user?.profileImageUrl"
           class="h-full w-full object-cover object-center transition-all group-hover:scale-110"
@@ -29,13 +34,13 @@ function openProfileModal() {
       </div>
       <div class="flex-1">
         <h1
-          class="mb-4 cursor-pointer text-4xl font-extrabold hover:text-zinc-700"
+          class="mb-4 cursor-pointer text-4xl font-extrabold hover:text-zinc-700 group"
           @click="openProfileModal"
         >
           {{ userStore.user?.fullName || "Sem nome" }}
           <font-awesome-icon
             icon="edit"
-            class="text-base text-zinc-500 group-hover:text-zinc-950"
+            class="text-base text-zinc-500 invisible group-hover:visible"
           />
         </h1>
         <div class="flex flex-wrap items-center gap-8">
@@ -66,7 +71,7 @@ function openProfileModal() {
           ]"
           :key="badge"
           disabled
-          :badge="(badge as availableBadges)"
+          :badge="badge as availableBadges"
         />
       </div>
     </div>

From 93f229d7c40dfdb8a8a336b31d6b073e805d8782 Mon Sep 17 00:00:00 2001
From: Luis Felipe <luis.felipeszsv@gmail.com>
Date: Mon, 8 Jan 2024 23:47:15 -0300
Subject: [PATCH 6/6] refactor: centralize profile name edit icon

---
 apps/app/pages/profile.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/apps/app/pages/profile.vue b/apps/app/pages/profile.vue
index faf5554..9b810db 100644
--- a/apps/app/pages/profile.vue
+++ b/apps/app/pages/profile.vue
@@ -33,16 +33,18 @@ function openProfileModal() {
         />
       </div>
       <div class="flex-1">
-        <h1
-          class="mb-4 cursor-pointer text-4xl font-extrabold hover:text-zinc-700 group"
-          @click="openProfileModal"
-        >
-          {{ userStore.user?.fullName || "Sem nome" }}
+        <div class="group flex items-center mb-4 gap-2">
+          <h1
+            class="cursor-pointer text-4xl font-extrabold hover:text-zinc-700"
+            @click="openProfileModal"
+          >
+            {{ userStore.user?.fullName || "Sem nome" }}
+          </h1>
           <font-awesome-icon
             icon="edit"
             class="text-base text-zinc-500 invisible group-hover:visible"
           />
-        </h1>
+        </div>
         <div class="flex flex-wrap items-center gap-8">
           <StatsCard
             label="Conquistas"