From a4626bf48e0264df9425ce5fe52ddda367693517 Mon Sep 17 00:00:00 2001
From: Ben Nguyen <105088397+bpnguyen107@users.noreply.github.com>
Date: Fri, 6 Dec 2024 05:41:34 -0800
Subject: [PATCH] Remove infinite spinning icon for reset parameters dropdown
 and add a question mark (#3603)

* Add question mark to popup words

* Remove spinning icon

* Formatting
---
 ftl/core/deck-config.ftl              |  2 +-
 ts/lib/components/RevertButton.svelte | 27 ++-------------------------
 2 files changed, 3 insertions(+), 26 deletions(-)

diff --git a/ftl/core/deck-config.ftl b/ftl/core/deck-config.ftl
index 5f373c990..c726cb5d1 100644
--- a/ftl/core/deck-config.ftl
+++ b/ftl/core/deck-config.ftl
@@ -315,7 +315,7 @@ deck-config-confirm-remove-name = Remove { $name }?
 deck-config-save-button = Save
 deck-config-save-to-all-subdecks = Save to All Subdecks
 deck-config-save-and-optimize = Optimize All Presets
-deck-config-revert-button-tooltip = Restore this setting to its default value.
+deck-config-revert-button-tooltip = Restore this setting to its default value?
 
 ## These strings are shown via the Description button at the bottom of the
 ## overview screen.
diff --git a/ts/lib/components/RevertButton.svelte b/ts/lib/components/RevertButton.svelte
index b62bb53ad..a1d6af06d 100644
--- a/ts/lib/components/RevertButton.svelte
+++ b/ts/lib/components/RevertButton.svelte
@@ -5,12 +5,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import * as tr from "@generated/ftl";
     import { cloneDeep, isEqual as isEqualLodash } from "lodash-es";
-    import { getContext } from "svelte";
 
     import { revertIcon } from "$lib/components/icons";
 
     import Badge from "./Badge.svelte";
-    import { touchDeviceKey } from "./context-keys";
     import DropdownItem from "./DropdownItem.svelte";
     import Icon from "./Icon.svelte";
     import Popover from "./Popover.svelte";
@@ -38,8 +36,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     let showFloating = false;
 
-    const isTouchDevice = getContext<boolean>(touchDeviceKey);
-
     function revert(): void {
         value = cloneDeep(defaultValue);
         showFloating = false;
@@ -68,32 +64,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     </div>
 
     <Popover slot="floating">
-        <DropdownItem
-            class={`spinner ${isTouchDevice ? "spin-always" : ""}`}
-            on:click={() => revert()}
-        >
-            {tr.deckConfigRevertButtonTooltip()}<Badge iconSize={85}>
-                <Icon icon={revertIcon} />
-            </Badge>
+        <DropdownItem on:click={() => revert()}>
+            {tr.deckConfigRevertButtonTooltip()}
         </DropdownItem>
     </Popover>
 </WithFloating>
 
 <style lang="scss">
-    :global(.spinner:hover .badge, .spinner.spin-always .badge) {
-        animation: spin-animation 1s infinite;
-        animation-timing-function: linear;
-    }
-
-    @keyframes -global-spin-animation {
-        0% {
-            transform: rotate(360deg);
-        }
-        100% {
-            transform: rotate(0deg);
-        }
-    }
-
     :global(.badge) {
         cursor: pointer;
     }