From 7c9c27801f43e8f5150f847ecad0cd5720298970 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Mon, 7 Oct 2024 11:52:25 -0300
Subject: [PATCH 1/2] feat: add dodi folder

---
 .../achievements/find-achivement-files.ts     |  4 +
 .../pages/game-details/sidebar/sidebar.css.ts |  1 +
 .../pages/game-details/sidebar/sidebar.tsx    | 81 +++++++++++--------
 3 files changed, 51 insertions(+), 35 deletions(-)

diff --git a/src/main/services/achievements/find-achivement-files.ts b/src/main/services/achievements/find-achivement-files.ts
index ebfbefca..917e5351 100644
--- a/src/main/services/achievements/find-achivement-files.ts
+++ b/src/main/services/achievements/find-achivement-files.ts
@@ -86,6 +86,10 @@ const getPathFromCracker = (cracker: Cracker) => {
         folderPath: path.join(programData, "Steam", "Player"),
         fileLocation: ["stats", "achievements.ini"],
       },
+      {
+        folderPath: path.join(programData, "Steam", "dodi"),
+        fileLocation: ["stats", "achievements.ini"],
+      },
     ];
   }
 
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.css.ts b/src/renderer/src/pages/game-details/sidebar/sidebar.css.ts
index 783e4ffa..d1a0e8cd 100644
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.css.ts
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.css.ts
@@ -24,6 +24,7 @@ export const contentSidebarTitle = style({
   display: "flex",
   alignItems: "center",
   backgroundColor: vars.color.background,
+  justifyContent: "space-between",
 });
 
 export const requirementButtonContainer = style({
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
index e4d8b1b6..55b2481c 100644
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
@@ -49,44 +49,55 @@ export function Sidebar() {
       /> */}
 
       {achievements.length > 0 && (
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            gap: `${SPACING_UNIT}px`,
-            padding: `${SPACING_UNIT}px`,
-          }}
-        >
-          {achievements.map((achievement, index) => (
-            <div
-              key={index}
-              style={{
-                display: "flex",
-                flexDirection: "row",
-                alignItems: "center",
-                gap: `${SPACING_UNIT}px`,
-              }}
-              title={achievement.description}
-            >
-              <img
+        <>
+          <div
+            className={styles.contentSidebarTitle}
+            style={{ border: "none" }}
+          >
+            <h3>{t("achievements")}</h3>
+            <span>{achievements.length}</span>
+          </div>
+          <div
+            style={{
+              display: "flex",
+              flexDirection: "column",
+              gap: `${SPACING_UNIT}px`,
+              padding: `${SPACING_UNIT}px`,
+            }}
+          >
+            {achievements.map((achievement, index) => (
+              <div
+                key={index}
                 style={{
-                  height: "72px",
-                  width: "72px",
-                  filter: achievement.unlocked ? "none" : "grayscale(100%)",
+                  display: "flex",
+                  flexDirection: "row",
+                  alignItems: "center",
+                  gap: `${SPACING_UNIT}px`,
                 }}
-                src={
-                  achievement.unlocked ? achievement.icon : achievement.icongray
-                }
-                alt={achievement.displayName}
-                loading="lazy"
-              />
-              <div>
-                <p>{achievement.displayName}</p>
-                {achievement.unlockTime && format(achievement.unlockTime)}
+                title={achievement.description}
+              >
+                <img
+                  style={{
+                    height: "72px",
+                    width: "72px",
+                    filter: achievement.unlocked ? "none" : "grayscale(100%)",
+                  }}
+                  src={
+                    achievement.unlocked
+                      ? achievement.icon
+                      : achievement.icongray
+                  }
+                  alt={achievement.displayName}
+                  loading="lazy"
+                />
+                <div>
+                  <p>{achievement.displayName}</p>
+                  {achievement.unlockTime && format(achievement.unlockTime)}
+                </div>
               </div>
-            </div>
-          ))}
-        </div>
+            ))}
+          </div>
+        </>
       )}
 
       {stats && (

From 6d4f957e2bc6e609b2a7dc062eb50f08d721844f Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Mon, 7 Oct 2024 12:26:36 -0300
Subject: [PATCH 2/2] feat: add achievement section title

---
 src/locales/en/translation.json                   |  3 ++-
 src/locales/pt-BR/translation.json                |  3 ++-
 src/locales/pt-PT/translation.json                |  3 ++-
 .../src/pages/game-details/sidebar/sidebar.tsx    | 15 ++++++++++-----
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index 0f907ced..2849bb20 100644
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -130,7 +130,8 @@
     "download": "Download",
     "executable_path_in_use": "Executable already in use by \"{{game}}\"",
     "warning": "Warning:",
-    "hydra_needs_to_remain_open": "for this download, Hydra needs to remain open util its conclusion. In case Hydra closes before the conclusion, you will lose your progress."
+    "hydra_needs_to_remain_open": "for this download, Hydra needs to remain open util its conclusion. In case Hydra closes before the conclusion, you will lose your progress.",
+    "achievements": "Achievements"
   },
   "activation": {
     "title": "Activate Hydra",
diff --git a/src/locales/pt-BR/translation.json b/src/locales/pt-BR/translation.json
index ca247eda..83e35fac 100644
--- a/src/locales/pt-BR/translation.json
+++ b/src/locales/pt-BR/translation.json
@@ -126,7 +126,8 @@
     "download": "Baixar",
     "executable_path_in_use": "Executável em uso por \"{{game}}\"",
     "warning": "Aviso:",
-    "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso."
+    "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso.",
+    "achievements": "Conquistas"
   },
   "activation": {
     "title": "Ativação",
diff --git a/src/locales/pt-PT/translation.json b/src/locales/pt-PT/translation.json
index 5a659945..27fbb932 100644
--- a/src/locales/pt-PT/translation.json
+++ b/src/locales/pt-PT/translation.json
@@ -115,7 +115,8 @@
     "download": "Transferir",
     "executable_path_in_use": "Executável em uso por \"{{game}}\"",
     "warning": "Aviso:",
-    "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso."
+    "hydra_needs_to_remain_open": "para este download, o Hydra precisa ficar aberto até a conclusão. Caso o Hydra encerre antes da conclusão, perderá seu progresso.",
+    "achievements": "Conquistas"
   },
   "activation": {
     "title": "Ativação",
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
index 55b2481c..e4063217 100644
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
@@ -54,15 +54,20 @@ export function Sidebar() {
             className={styles.contentSidebarTitle}
             style={{ border: "none" }}
           >
-            <h3>{t("achievements")}</h3>
-            <span>{achievements.length}</span>
+            <h3>
+              {t("achievements")}{" "}
+              <span style={{ fontSize: "12px" }}>
+                ({achievements.filter((a) => a.unlocked).length}/
+                {achievements.length})
+              </span>
+            </h3>
           </div>
           <div
             style={{
               display: "flex",
               flexDirection: "column",
               gap: `${SPACING_UNIT}px`,
-              padding: `${SPACING_UNIT}px`,
+              padding: `${SPACING_UNIT * 2}px`,
             }}
           >
             {achievements.map((achievement, index) => (
@@ -78,8 +83,8 @@ export function Sidebar() {
               >
                 <img
                   style={{
-                    height: "72px",
-                    width: "72px",
+                    height: "60px",
+                    width: "60px",
                     filter: achievement.unlocked ? "none" : "grayscale(100%)",
                   }}
                   src={