Merge branch 'main' into Feature/Datanodes-Hoster

src/renderer/src/declaration.d.ts

@@ -122,7 +122,7 @@ declare global {
       ) => void
     ) => () => Electron.IpcRenderer;
     onLibraryBatchComplete: (cb: () => void) => () => Electron.IpcRenderer;
-
+    resetGameAchievements: (gameId: number) => Promise<void>;
     /* User preferences */
     getUserPreferences: () => Promise<UserPreferences | null>;
     updateUserPreferences: (

src/renderer/src/pages/game-details/modals/game-options-modal.tsx

@@ -5,8 +5,9 @@ import type { Game } from "@types";
 import * as styles from "./game-options-modal.css";
 import { gameDetailsContext } from "@renderer/context";
 import { DeleteGameModal } from "@renderer/pages/downloads/delete-game-modal";
-import { useDownload, useToast } from "@renderer/hooks";
+import { useDownload, useToast, useUserDetails } from "@renderer/hooks";
 import { RemoveGameFromLibraryModal } from "./remove-from-library-modal";
+import { ResetAchievementsModal } from "./reset-achievements-modal";
 import { FileDirectoryIcon, FileIcon } from "@primer/octicons-react";
 import { debounce } from "lodash-es";
 
@@ -25,12 +26,20 @@ export function GameOptionsModal({
 
   const { showSuccessToast, showErrorToast } = useToast();
 
-  const { updateGame, setShowRepacksModal, repacks, selectGameExecutable } =
-    useContext(gameDetailsContext);
+  const {
+    updateGame,
+    setShowRepacksModal,
+    repacks,
+    selectGameExecutable,
+    achievements,
+  } = useContext(gameDetailsContext);
 
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [showRemoveGameModal, setShowRemoveGameModal] = useState(false);
   const [launchOptions, setLaunchOptions] = useState(game.launchOptions ?? "");
+  const [showResetAchievementsModal, setShowResetAchievementsModal] =
+    useState(false);
+  const [isDeletingAchievements, setIsDeletingAchievements] = useState(false);
 
   const {
     removeGameInstaller,
@@ -39,6 +48,12 @@ export function GameOptionsModal({
     cancelDownload,
   } = useDownload();
 
+  const { userDetails } = useUserDetails();
+
+  const hasAchievements =
+    (achievements?.filter((achievement) => achievement.unlocked).length ?? 0) >
+    0;
+
   const deleting = isGameDeleting(game.id);
 
   const { lastPacket } = useDownload();
@@ -141,6 +156,19 @@ export function GameOptionsModal({
   const shouldShowWinePrefixConfiguration =
     window.electron.platform === "linux";
 
+  const handleResetAchievements = async () => {
+    setIsDeletingAchievements(true);
+    try {
+      await window.electron.resetGameAchievements(game.id);
+      await updateGame();
+      showSuccessToast(t("reset_achievements_success"));
+    } catch (error) {
+      showErrorToast(t("reset_achievements_error"));
+    } finally {
+      setIsDeletingAchievements(false);
+    }
+  };
+
   const shouldShowLaunchOptionsConfiguration = false;
 
   return (
@@ -158,6 +186,13 @@ export function GameOptionsModal({
         game={game}
       />
 
+      <ResetAchievementsModal
+        visible={showResetAchievementsModal}
+        onClose={() => setShowResetAchievementsModal(false)}
+        resetAchievements={handleResetAchievements}
+        game={game}
+      />
+
       <Modal
         visible={visible}
         title={game.title}
@@ -313,6 +348,20 @@ export function GameOptionsModal({
             >
               {t("remove_from_library")}
             </Button>
+
+            <Button
+              onClick={() => setShowResetAchievementsModal(true)}
+              theme="danger"
+              disabled={
+                deleting ||
+                isDeletingAchievements ||
+                !hasAchievements ||
+                !userDetails
+              }
+            >
+              {t("reset_achievements")}
+            </Button>
+
             <Button
               onClick={() => {
                 setShowDeleteModal(true);

src/renderer/src/pages/game-details/modals/reset-achievements-modal.tsx

@@ -0,0 +1,48 @@
+import { useTranslation } from "react-i18next";
+import { Button, Modal } from "@renderer/components";
+import * as styles from "./remove-from-library-modal.css";
+import type { Game } from "@types";
+type ResetAchievementsModalProps = Readonly<{
+  visible: boolean;
+  game: Game;
+  onClose: () => void;
+  resetAchievements: () => Promise<void>;
+}>;
+
+export function ResetAchievementsModal({
+  onClose,
+  game,
+  visible,
+  resetAchievements,
+}: ResetAchievementsModalProps) {
+  const { t } = useTranslation("game_details");
+
+  const handleResetAchievements = async () => {
+    try {
+      await resetAchievements();
+    } finally {
+      onClose();
+    }
+  };
+
+  return (
+    <Modal
+      visible={visible}
+      onClose={onClose}
+      title={t("reset_achievements_title")}
+      description={t("reset_achievements_description", {
+        game: game.title,
+      })}
+    >
+      <div className={styles.deleteActionsButtonsCtn}>
+        <Button onClick={handleResetAchievements} theme="outline">
+          {t("reset_achievements")}
+        </Button>
+
+        <Button onClick={onClose} theme="primary">
+          {t("cancel")}
+        </Button>
+      </div>
+    </Modal>
+  );
+}