Merge branch 'feature/game-achievements' into chore/test-preview

# Conflicts:
#	src/locales/en/translation.json
#	src/locales/pt-BR/translation.json

src/locales/en/translation.json

@@ -131,6 +131,7 @@
     "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.",
+    "achievements": "Achievements",
     "cloud_save": "Cloud save",
     "cloud_save_description": "Save your progress in the cloud and continue playing on any device",
     "backups": "Backups",

src/locales/pt-BR/translation.json

@@ -127,6 +127,7 @@
     "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.",
+    "achievements": "Conquistas",
     "cloud_save": "Salvamento em nuvem",
     "cloud_save_description": "Matenha seu progresso na nuvem e continue de onde parou em qualquer dispositivo",
     "backups": "Backups",

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",

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"],
+      },
     ];
   }
 

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({

src/renderer/src/pages/game-details/sidebar/sidebar.tsx

@@ -49,44 +49,60 @@ export function Sidebar() {
       /> */}
 
       {achievements.length > 0 && (
-        <div
+        <>
-          style={{
+          <div
-            display: "flex",
+            className={styles.contentSidebarTitle}
-            flexDirection: "column",
+            style={{ border: "none" }}
-            gap: `${SPACING_UNIT}px`,
+          >
-            padding: `${SPACING_UNIT}px`,
+            <h3>
-          }}
+              {t("achievements")}{" "}
-        >
+              <span style={{ fontSize: "12px" }}>
-          {achievements.map((achievement, index) => (
+                ({achievements.filter((a) => a.unlocked).length}/
-            <div
+                {achievements.length})
-              key={index}
+              </span>
-              style={{
+            </h3>
-                display: "flex",
+          </div>
-                flexDirection: "row",
+          <div
-                alignItems: "center",
+            style={{
-                gap: `${SPACING_UNIT}px`,
+              display: "flex",
-              }}
+              flexDirection: "column",
-              title={achievement.description}
+              gap: `${SPACING_UNIT}px`,
-            >
+              padding: `${SPACING_UNIT * 2}px`,
-              <img
+            }}
+          >
+            {achievements.map((achievement, index) => (
+              <div
+                key={index}
                 style={{
-                  height: "72px",
+                  display: "flex",
-                  width: "72px",
+                  flexDirection: "row",
-                  filter: achievement.unlocked ? "none" : "grayscale(100%)",
+                  alignItems: "center",
+                  gap: `${SPACING_UNIT}px`,
                 }}
-                src={
+                title={achievement.description}
-                  achievement.unlocked ? achievement.icon : achievement.icongray
+              >
-                }
+                <img
-                alt={achievement.displayName}
+                  style={{
-                loading="lazy"
+                    height: "60px",
-              />
+                    width: "60px",
-              <div>
+                    filter: achievement.unlocked ? "none" : "grayscale(100%)",
-                <p>{achievement.displayName}</p>
+                  }}
-                {achievement.unlockTime && format(achievement.unlockTime)}
+                  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 && (