From 8e8449b1e2ec29289b731e6d8f2d976d252c0873 Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Sat, 13 Sep 2025 01:22:07 -0400
Subject: [PATCH] PluginTab: Make Reset Same Component

There is 100% a better way
---
 .../settings/tabs/plugins/PluginModal.tsx     | 26 ++++--
 .../settings/tabs/plugins/index.tsx           | 85 ++-----------------
 .../settings/tabs/plugins/styles.css          | 10 ++-
 3 files changed, 33 insertions(+), 88 deletions(-)

diff --git a/src/components/settings/tabs/plugins/PluginModal.tsx b/src/components/settings/tabs/plugins/PluginModal.tsx
index 8175ecf6f..59de61aa2 100644
--- a/src/components/settings/tabs/plugins/PluginModal.tsx
+++ b/src/components/settings/tabs/plugins/PluginModal.tsx
@@ -295,8 +295,17 @@ function resetSettings(plugin: Plugin, warningModalProps?: ModalProps, pluginMod
     pluginModalProps?.onClose();
 }
 
-export function openWarningModal(plugin: Plugin, pluginModalProps: ModalProps, onRestartNeeded?: (pluginName: string) => void) {
-    if (Settings.ignoreResetWarning) return resetSettings(plugin, pluginModalProps, pluginModalProps, onRestartNeeded);
+export function openWarningModal(plugin?: Plugin | null, pluginModalProps?: ModalProps | null, onRestartNeeded?: (pluginName: string) => void, isPlugin = true, enabledPlugins?: number | null, reset?: any) {
+    if (Settings.ignoreResetWarning && isPlugin) {
+        if (plugin && pluginModalProps) return resetSettings(plugin, pluginModalProps, pluginModalProps, onRestartNeeded);
+        return;
+    } else if (Settings.ignoreResetWarning && !isPlugin) {
+        return reset();
+    }
+
+    const text = isPlugin
+        ? `You are about to reset all settings for ${plugin?.name} to their default values.`
+        : `You are about to disable ${enabledPlugins} plugins!`;
 
     openModal(warningModalProps => (
         <ModalRoot
@@ -313,7 +322,7 @@ export function openWarningModal(plugin: Plugin, pluginModalProps: ModalProps, o
                 <Forms.FormSection>
                     <Flex className="vc-warning-info">
                         <Text className="text-normal">
-                            You are about to reset all settings for <strong>{plugin.name}</strong> to their default values.
+                            {text}
                         </Text>
                         <Text className="warning-text">
                             THIS ACTION IS IRREVERSIBLE!
@@ -324,8 +333,8 @@ export function openWarningModal(plugin: Plugin, pluginModalProps: ModalProps, o
                     </Flex>
                 </Forms.FormSection>
             </ModalContent>
-            <ModalFooter className="modal-footer">
-                <Flex className="button-container">
+            <ModalFooter className="vc-modal-footer">
+                <Flex className="vc-button-container">
                     <Flex className="button-group">
                         <Button
                             size={Button.Sizes.SMALL}
@@ -349,7 +358,12 @@ export function openWarningModal(plugin: Plugin, pluginModalProps: ModalProps, o
                         <Button
                             size={Button.Sizes.SMALL}
                             onClick={() => {
-                                resetSettings(plugin, pluginModalProps, pluginModalProps, onRestartNeeded);
+                                if (isPlugin) {
+                                    if (plugin && pluginModalProps)
+                                        resetSettings(plugin, pluginModalProps, pluginModalProps, onRestartNeeded);
+                                } else {
+                                    reset();
+                                }
                             }}
                             className={cl("confirm-reset")}
                         >
diff --git a/src/components/settings/tabs/plugins/index.tsx b/src/components/settings/tabs/plugins/index.tsx
index 620b5e28d..120684092 100644
--- a/src/components/settings/tabs/plugins/index.tsx
+++ b/src/components/settings/tabs/plugins/index.tsx
@@ -19,7 +19,7 @@
 import "./styles.css";
 
 import * as DataStore from "@api/DataStore";
-import { Settings, useSettings } from "@api/Settings";
+import { useSettings } from "@api/Settings";
 import { classNameFactory } from "@api/Styles";
 import { SettingsTab } from "@components/settings";
 import { debounce } from "@shared/debounce";
@@ -28,15 +28,15 @@ import { proxyLazy } from "@utils/lazy";
 import { Logger } from "@utils/Logger";
 import { Margins } from "@utils/margins";
 import { classes } from "@utils/misc";
-import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalSize, openModal } from "@utils/modal";
 import { useAwaiter, useIntersection } from "@utils/react";
 import { findByPropsLazy } from "@webpack";
-import { Alerts, Button, Card, Flex, Forms, lodash, Parser, React, Select, Text, TextInput, Toasts, Tooltip, useMemo } from "@webpack/common";
+import { Alerts, Button, Card, Forms, lodash, Parser, React, Select, Text, TextInput, Toasts, Tooltip, useMemo } from "@webpack/common";
 import { JSX } from "react";
 
 import Plugins, { ExcludedPlugins, PluginMeta } from "~plugins";
 
 import { PluginCard } from "./PluginCard";
+import { openWarningModal } from "./PluginModal";
 import { StockPluginsCard, UserPluginsCard } from "./PluginStatCards";
 
 // Avoid circular dependency
@@ -59,7 +59,7 @@ function showErrorToast(message: string) {
     });
 }
 
-function ReloadRequiredCard({ required, enabledPlugins, openDisablePluginsModal, resetCheckAndDo }) {
+function ReloadRequiredCard({ required, enabledPlugins, openWarningModal, resetCheckAndDo }) {
     return (
         <Card className={classes(cl("info-card"), required && "vc-warning-card")}>
             {required ? (
@@ -82,11 +82,9 @@ function ReloadRequiredCard({ required, enabledPlugins, openDisablePluginsModal,
             {enabledPlugins.length > 0 && !required && (
                 <Button
                     size={Button.Sizes.SMALL}
-                    className={cl("disable-warning")}
+                    className={"vc-plugins-disable-warning vc-modal-align-reset"}
                     onClick={() => {
-                        if (Settings.ignoreResetWarning) return resetCheckAndDo();
-
-                        return openDisablePluginsModal(enabledPlugins, resetCheckAndDo);
+                        return openWarningModal(null, null, null, false, enabledPlugins.length, resetCheckAndDo);
                     }}
                 >
                     Disable All Plugins
@@ -302,75 +300,6 @@ export default function PluginSettings() {
         }
     }
 
-    function openDisablePluginsModal(enabledPlugins: String[], resetCheckAndDo: () => void) {
-        if (Settings.ignoreResetWarning) return resetCheckAndDo();
-
-        openModal(warningModalProps => (
-            <ModalRoot
-                {...warningModalProps}
-                size={ModalSize.SMALL}
-                className="vc-text-selectable"
-                transitionState={warningModalProps.transitionState}
-            >
-                <ModalHeader separator={false}>
-                    <Text className="text-danger">Dangerous Action</Text>
-                    <ModalCloseButton onClick={warningModalProps.onClose} className="vc-modal-close-button" />
-                </ModalHeader>
-                <ModalContent>
-                    <Forms.FormSection>
-                        <Flex className="vc-warning-info">
-                            <img
-                                src="https://media.tenor.com/hapjxf8y50YAAAAi/stop-sign.gif"
-                                alt="Warning"
-                            />
-                            <Text className="warning-text">
-                                WARNING: You are about to disable <span>{enabledPlugins.length}</span> plugins!
-                            </Text>
-                            <Text className="warning-text">
-                                THIS ACTION IS IRREVERSIBLE!
-                            </Text>
-                            <Text className="text-normal margin-bottom">
-                                Are you absolutely sure you want to proceed? You can always enable them back later.
-                            </Text>
-                        </Flex>
-                    </Forms.FormSection>
-                </ModalContent>
-                <ModalFooter className="modal-footer">
-                    <Flex className="button-container">
-                        <Flex className="button-group">
-                            <Button
-                                size={Button.Sizes.SMALL}
-                                color={Button.Colors.PRIMARY}
-                                onClick={warningModalProps.onClose}
-                            >
-                                Cancel
-                            </Button>
-                            {!Settings.ignoreResetWarning && (
-                                <Button
-                                    size={Button.Sizes.SMALL}
-                                    className={cl("disable-warning")}
-                                    onClick={() => {
-                                        Settings.ignoreResetWarning = true;
-                                    }}
-                                >
-                                    Disable Warning Forever
-                                </Button>
-                            )}
-
-                            <Button
-                                size={Button.Sizes.SMALL}
-                                className={cl("confirm-reset")}
-                                onClick={resetCheckAndDo}
-                            >
-                                Disable All
-                            </Button>
-                        </Flex>
-                    </Flex>
-                </ModalFooter>
-            </ModalRoot>
-        ));
-    }
-
 
     // Code directly taken from supportHelper.tsx
     const isApiPlugin = (plugin: string) => plugin.endsWith("API") || Plugins[plugin].required;
@@ -402,7 +331,7 @@ export default function PluginSettings() {
     return (
         <SettingsTab title="Plugins">
 
-            <ReloadRequiredCard required={changes.hasChanges} enabledPlugins={enabledPlugins} openDisablePluginsModal={openDisablePluginsModal} resetCheckAndDo={resetCheckAndDo} />
+            <ReloadRequiredCard required={changes.hasChanges} enabledPlugins={enabledPlugins} openWarningModal={openWarningModal} resetCheckAndDo={resetCheckAndDo} />
 
             <div className={cl("stats-container")} style={{
                 marginTop: "16px",
diff --git a/src/components/settings/tabs/plugins/styles.css b/src/components/settings/tabs/plugins/styles.css
index aab981690..8da2ce4db 100644
--- a/src/components/settings/tabs/plugins/styles.css
+++ b/src/components/settings/tabs/plugins/styles.css
@@ -174,7 +174,6 @@
     border-color: color-mix(in srgb, var(--button-danger-background) 80%, transparent) !important;
     border-radius: 5px !important;
     color: color-mix(in srgb, var(--button-danger-background) 100%, transparent) !important;
-    align-self: flex-end !important;
 }
 
 .vc-plugins-disable-warning:hover,
@@ -198,15 +197,18 @@
     margin-left: auto !important;
 }
 
-.modal-footer {
+.vc-modal-align-reset {
+    align-self: end;
+}
+
+.vc-modal-footer {
     display: flex;
     flex-direction: column;
     width: 100%;
     box-sizing: border-box;
 }
 
-.modal-footer .button-container {
-    display: flex !important;
+.vc-modal-footer .vc-button-container {
     gap: 10px;
     align-items: center;
     justify-content: space-between !important;