chore(pluginCards): warning to few plugins, change restart modal style & more (#88)

* add warning to plugins

* update wording and restart button

* update warning gif

src/equicordplugins/platformSpoofer/index.tsx

@@ -4,9 +4,12 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import "./style.css";
+
 import { definePluginSettings } from "@api/Settings";
 import { EquicordDevs } from "@utils/constants";
 import definePlugin, { OptionType } from "@utils/types";
+import { Forms } from "@webpack/common";
 
 const settings = definePluginSettings({
     platform: {
@@ -39,6 +42,11 @@ export default definePlugin({
     name: "PlatformSpoofer",
     description: "Spoof what platform or device you're on",
     authors: [EquicordDevs.Drag],
+    settingsAboutComponent: () => <>
+        <Forms.FormText className="platform-warning">
+            We can't guarantee this plugin won't get you warned or banned.
+        </Forms.FormText>
+    </>,
     settings: settings,
     patches: [
         {

src/equicordplugins/platformSpoofer/style.css

@@ -0,0 +1,12 @@
+.platform-warning {
+    font-size: 16px;
+    background-color: rgb(240 71 71 / 10%);
+    color: rgb(240 71 71);
+    border: 1px solid rgb(240 71 71 / 60%);
+    border-radius: 4px;
+    font-weight: 500;
+    padding: 6px 10px;
+    text-align: center;
+    margin-top: 10px;
+    font-style: bold;
+}

src/equicordplugins/purgeMessages/index.tsx

@@ -16,11 +16,13 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+import "./style.css";
+
 import { ApplicationCommandInputType, ApplicationCommandOptionType, findOption, sendBotMessage } from "@api/Commands";
 import { Devs, EquicordDevs } from "@utils/constants";
 import definePlugin from "@utils/types";
 import { findByPropsLazy } from "@webpack";
-import { MessageStore, UserStore } from "@webpack/common";
+import { Forms, MessageStore, UserStore } from "@webpack/common";
 import { Channel, Message } from "discord-types/general";
 
 import { loggedMessages } from "../messageLoggerEnhanced/LoggedMessageManager";
@@ -48,6 +50,11 @@ export default definePlugin({
     name: "PurgeMessages",
     description: "Purges messages from a channel",
     authors: [EquicordDevs.bhop, Devs.nyx],
+    settingsAboutComponent: () => <>
+        <Forms.FormText className="purge-warning">
+            We can't guarantee this plugin won't get you warned or banned.
+        </Forms.FormText>
+    </>,
     commands: [
         {
             name: "purge",

src/equicordplugins/purgeMessages/style.css

@@ -0,0 +1,12 @@
+.purge-warning {
+    font-size: 16px;
+    background-color: rgb(240 71 71 / 10%);
+    color: rgb(240 71 71);
+    border: 1px solid rgb(240 71 71 / 60%);
+    border-radius: 4px;
+    font-weight: 500;
+    padding: 6px 10px;
+    text-align: center;
+    margin-top: 10px;
+    font-style: bold;
+}

src/equicordplugins/questCompleter.discordDesktop/index.tsx

@@ -16,6 +16,8 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+import "./style.css";
+
 import { showNotification } from "@api/Notifications";
 import ErrorBoundary from "@components/ErrorBoundary";
 import { Devs, EquicordDevs } from "@utils/constants";
@@ -23,7 +25,7 @@ import { getTheme, Theme } from "@utils/discord";
 import { classes } from "@utils/misc";
 import definePlugin from "@utils/types";
 import { findByProps, findExportedComponentLazy } from "@webpack";
-import { Button, FluxDispatcher, RestAPI, Tooltip, UserStore } from "@webpack/common";
+import { Button, FluxDispatcher, Forms, RestAPI, Tooltip, UserStore } from "@webpack/common";
 const HeaderBarIcon = findExportedComponentLazy("Icon", "Divider");
 const isApp = navigator.userAgent.includes("Electron/");
 
@@ -188,6 +190,11 @@ export default definePlugin({
     name: "QuestCompleter",
     description: "A plugin to complete quests without having the game installed.",
     authors: [Devs.HappyEnderman, EquicordDevs.SerStars, EquicordDevs.thororen],
+    settingsAboutComponent: () => <>
+        <Forms.FormText className="remixme-warning">
+            We can't guarantee this plugin won't get you warned or banned.
+        </Forms.FormText>
+    </>,
     patches: [
         {
             find: "\"invite-button\"",

src/equicordplugins/questCompleter.discordDesktop/style.css

@@ -0,0 +1,12 @@
+.quest-warning {
+    font-size: 16px;
+    background-color: rgb(240 71 71 / 10%);
+    color: rgb(240 71 71);
+    border: 1px solid rgb(240 71 71 / 60%);
+    border-radius: 4px;
+    font-weight: 500;
+    padding: 6px 10px;
+    text-align: center;
+    margin-top: 10px;
+    font-style: bold;
+}

src/equicordplugins/remixMe/index.tsx

@@ -4,10 +4,13 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import "./style.css";
+
 import { MessageEvents } from "@api/index";
 import { MessageExtra, MessageObject } from "@api/MessageEvents";
 import { EquicordDevs } from "@utils/constants";
 import definePlugin from "@utils/types";
+import { Forms } from "@webpack/common";
 
 const handleMessage = (channelID: string, message: MessageObject, messageEx: MessageExtra) => messageEx.uploads && messageEx.uploads.forEach(att => (att as any).isRemix = true);
 
@@ -15,6 +18,11 @@ export default definePlugin({
     name: "RemixMe",
     description: "Turns every single message with attachment to have remix tag",
     authors: [EquicordDevs.kvba],
+    settingsAboutComponent: () => <>
+        <Forms.FormText className="remixme-warning">
+            We can't guarantee this plugin won't get you warned or banned.
+        </Forms.FormText>
+    </>,
     start: () => MessageEvents.addPreSendListener(handleMessage),
     stop: () => MessageEvents.removePreSendListener(handleMessage)
 });

src/equicordplugins/remixMe/style.css

@@ -0,0 +1,12 @@
+.remixme-warning {
+    font-size: 16px;
+    background-color: rgb(240 71 71 / 10%);
+    color: rgb(240 71 71);
+    border: 1px solid rgb(240 71 71 / 60%);
+    border-radius: 4px;
+    font-weight: 500;
+    padding: 6px 10px;
+    text-align: center;
+    margin-top: 10px;
+    font-style: bold;
+}