refactor(IgnoreActivities): Use React Components and support Embedded Activities (#282)

3 files changed, 221 insertions, 179 deletions

diff --git a/src/plugins/ignoreActivities.ts b/src/plugins/ignoreActivities.ts
deleted file mode 100644
index a39b026..0000000
--- a/src/plugins/ignoreActivities.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * Vencord, a modification for Discord's desktop app
- * Copyright (c) 2022 Vendicated and contributors
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
-*/
-
-import * as DataStore from "@api/DataStore";
-import { Devs } from "@utils/constants";
-import definePlugin from "@utils/types";
-import { findByPropsLazy } from "@webpack";
-
-interface MatchAndReplace {
-    match: RegExp;
-    replace: string;
-}
-
-/** Used to re-render the Registered Games tab to update how our button looks like */
-const RunningGameStoreModule = findByPropsLazy("IgnoreActivities_reRenderGames");
-
-let ignoredActivitiesCache: string[] = [];
-
-export default definePlugin({
-    name: "IgnoreActivities",
-    authors: [Devs.Nuckyz],
-    description: "Ignore certain activities (like games) from showing up on your status. You can configure which ones are ignored from the Registered Games tab.",
-    patches: [{
-        find: ".Messages.SETTINGS_GAMES_OVERLAY_ON",
-        replacement: [{
-            match: /;(.\.renderOverlayToggle=function\(\).+?\)};)/,
-            replace: (_, mod) => {
-                /** Modify the renderOverlayToggle button to remove unneded stuff and render the component the way we want */
-                const renderIgnoreActivitiesToggle = ([
-                    /** Remove overlay warn related stuff */
-                    { match: /,.{1,2}=.{1,2}\.overlayWarn/, replace: "" },
-                    { match: /,.{1,2}=.{1,2}\?\(0,.{1,2}\.jsx\)\(.{1,20}Messages\.SETTINGS_GAMES_OVERLAY_WARNING.{1,100}null/, replace: "" },
-                    /** Remove overlay status related stuff */
-                    { match: /,.{1,2}=.{1,2}\?.{1,50}Messages\.SETTINGS_GAMES_OVERLAY_OFF/, replace: "" },
-                    { match: /[^[]{1,2},\(0,.{1,2}\.jsx\)\("div".{1,20}\(\)\.overlayStatusText.+}\),/, replace: "" },
-                    /** Change the method name to renderIgnoreActivitiesToggle */
-                    { match: /renderOverlayToggle/, replace: "renderIgnoreActivitiesToggle" },
-                    /** Create an easily accessable variable to use the game props and then replace the boolean to determine if the button is activated or not with our custom function  */
-                    { match: /((.)=this\.props\.game)(.{1,70})=.{1,2}overlay/, replace: "$1,IgnoreActivities_gameProps=$2$3=Vencord.Plugins.plugins.IgnoreActivities.isActivityEnabled(IgnoreActivities_gameProps)" },
-                    /** Change the handler for clicking the button */
-                    { match: /.\.handleOverlayToggle/, replace: "() => Vencord.Plugins.plugins.IgnoreActivities.handleActivityToggle(IgnoreActivities_gameProps)" },
-                    /** Change the button on component to our custom */
-                    { match: /(\(0,.{1,2}\.jsx\)\()(.{2})\..(.{1,50}\.overlayToggleIconOn)/, replace: "$1$2.IgnoreActivities_toggleOn$3" },
-                    /** Change the button off component to our custom */
-                    { match: /(\(0,.{1,2}\.jsx\)\()(.{2})\..{1}(.{1,50}\.overlayToggleIconOff)/, replace: "$1$2.IgnoreActivities_toggleOff$3" },
-                    /** Change the tooltip text */
-                    { match: /text:.{2}\..\.Messages\.SETTINGS_GAMES_TOGGLE_OVERLAY/, replace: 'text:"Toggle activity"' },
-                    /** Change the aria-label text */
-                    { match: /"aria-label":.{2}\..\.Messages\.SETTINGS_GAMES_TOGGLE_OVERLAY/, replace: '"aria-label":"Toggle activity"' }
-                ] as MatchAndReplace[])
-                    .reduce((current, { match, replace }) => current.replace(match, replace), mod);
-
-                /** Return the default renderOverlayToggle and our custom one */
-                return `;${mod}${renderIgnoreActivitiesToggle}`;
-
-            }
-        }, {
-            /** Render our ignore activity component */
-            match: /(this.renderLastPlayed\(\)]}\),this.renderOverlayToggle\(\))/,
-            replace: "$1,this.renderIgnoreActivitiesToggle()"
-        }]
-    }, {
-        /** Patch the RunningGameStore to export the method to re-render the Registered Games tab */
-        find: '.displayName="RunningGameStore"',
-        replacement: {
-            match: /(.:\(\)=>.{2})(.+function (.{2})\(\){.+\.dispatch\({type:"RUNNING_GAMES_CHANGE")/,
-            replace: "$1,IgnoreActivities_reRenderGames:()=>$3$2"
-        }
-    }, {
-        find: "M8.67872 19H11V21H7V23H17V21H13V19H20C21.103 19 22 18.104 22 17V6C22 5.89841 21.9924 5.79857 21.9777 5.70101L20 7.67872V15H12.6787L8.67872 19ZM13.1496 6H4V15H4.14961L2.00515 17.1445C2.00174 17.0967 2 17.0486 2 17V6C2 4.897 2.897 4 4 4H15.1496L13.1496 6Z",
-        replacement: {
-            match: /(.:\(\)=>.)(.+)(function (.)\(.{1,10}\.width.+\)\)})/s,
-            replace: (_, exports, restOfFunction, component) => {
-                /** Modify the overlayToggleOff component to how we want */
-                const renderIgnoreActivitiesToggleOff = ([
-                    /** Change the method name to IgnoreActivities_toggleOffToExport */
-                    { match: /function ./, replace: "function IgnoreActivities_toggleOffToExport" },
-                    /** Change the svg path to our custom one */
-                    { match: /M8.67872 19H11V21H7V23H17V21H13V19H20C21.103 19 22 18.104 22 17V6C22 5.89841 21.9924 5.79857 21.9777 5.70101L20 7.67872V15H12.6787L8.67872 19ZM13.1496 6H4V15H4.14961L2.00515 17.1445C2.00174 17.0967 2 17.0486 2 17V6C2 4.897 2.897 4 4 4H15.1496L13.1496 6Z/, replace: "M 16 8 C 7.664063 8 1.25 15.34375 1.25 15.34375 L 0.65625 16 L 1.25 16.65625 C 1.25 16.65625 7.097656 23.324219 14.875 23.9375 C 15.246094 23.984375 15.617188 24 16 24 C 16.382813 24 16.753906 23.984375 17.125 23.9375 C 24.902344 23.324219 30.75 16.65625 30.75 16.65625 L 31.34375 16 L 30.75 15.34375 C 30.75 15.34375 24.335938 8 16 8 Z M 16 10 C 18.203125 10 20.234375 10.601563 22 11.40625 C 22.636719 12.460938 23 13.675781 23 15 C 23 18.613281 20.289063 21.582031 16.78125 21.96875 C 16.761719 21.972656 16.738281 21.964844 16.71875 21.96875 C 16.480469 21.980469 16.242188 22 16 22 C 15.734375 22 15.476563 21.984375 15.21875 21.96875 C 11.710938 21.582031 9 18.613281 9 15 C 9 13.695313 9.351563 12.480469 9.96875 11.4375 L 9.9375 11.4375 C 11.71875 10.617188 13.773438 10 16 10 Z M 16 12 C 14.34375 12 13 13.34375 13 15 C 13 16.65625 14.34375 18 16 18 C 17.65625 18 19 16.65625 19 15 C 19 13.34375 17.65625 12 16 12 Z M 7.25 12.9375 C 7.09375 13.609375 7 14.285156 7 15 C 7 16.753906 7.5 18.394531 8.375 19.78125 C 5.855469 18.324219 4.105469 16.585938 3.53125 16 C 4.011719 15.507813 5.351563 14.203125 7.25 12.9375 Z M 24.75 12.9375 C 26.648438 14.203125 27.988281 15.507813 28.46875 16 C 27.894531 16.585938 26.144531 18.324219 23.625 19.78125 C 24.5 18.394531 25 16.753906 25 15 C 25 14.285156 24.90625 13.601563 24.75 12.9375 Z" },
-                    /** Modify the view box to not cut our svg */
-                    { match: /viewBox:"0 0 24 24"/, replace: 'viewBox:"0 0 32 26"' },
-                    /** Change the rectangle coordinates to match the middle of our svg */
-                    { match: /x:"2"/, replace: 'x:"3"' },
-                    { match: /y:"20"/, replace: 'y:"26"' },
-                ] as MatchAndReplace[])
-                    .reduce((current, { match, replace }) => current.replace(match, replace), component);
-
-                /** Export our custom svg */
-                return `${exports},IgnoreActivities_toggleOff:()=>IgnoreActivities_toggleOffToExport${restOfFunction}${component}${renderIgnoreActivitiesToggleOff}`;
-            }
-        }
-    }, {
-        find: "M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM20 4.5V13.5H4V4.5H20Z",
-        replacement: {
-            match: /(.:\(\)=>.)(.+)(function (.)\(.{1,10}\.width.+\)\)})/,
-            replace: (_, exports, restOfFunction, component) => {
-                /** Modify the overlayToggleOn svg to how we want */
-                const renderIgnoreActivitiesToggleOn = ([
-                    /** Change the method name to IgnoreActivities_toggleOnToExport */
-                    { match: /function ./, replace: "function IgnoreActivities_toggleOnToExport" },
-                    /** Change the svg path to our custom one */
-                    { match: /M4 2.5C2.897 2.5 2 3.397 2 4.5V15.5C2 16.604 2.897 17.5 4 17.5H11V19.5H7V21.5H17V19.5H13V17.5H20C21.103 17.5 22 16.604 22 15.5V4.5C22 3.397 21.103 2.5 20 2.5H4ZM20 4.5V13.5H4V4.5H20Z/, replace: "M 16 8 C 7.664063 8 1.25 15.34375 1.25 15.34375 L 0.65625 16 L 1.25 16.65625 C 1.25 16.65625 7.097656 23.324219 14.875 23.9375 C 15.246094 23.984375 15.617188 24 16 24 C 16.382813 24 16.753906 23.984375 17.125 23.9375 C 24.902344 23.324219 30.75 16.65625 30.75 16.65625 L 31.34375 16 L 30.75 15.34375 C 30.75 15.34375 24.335938 8 16 8 Z M 16 10 C 18.203125 10 20.234375 10.601563 22 11.40625 C 22.636719 12.460938 23 13.675781 23 15 C 23 18.613281 20.289063 21.582031 16.78125 21.96875 C 16.761719 21.972656 16.738281 21.964844 16.71875 21.96875 C 16.480469 21.980469 16.242188 22 16 22 C 15.734375 22 15.476563 21.984375 15.21875 21.96875 C 11.710938 21.582031 9 18.613281 9 15 C 9 13.695313 9.351563 12.480469 9.96875 11.4375 L 9.9375 11.4375 C 11.71875 10.617188 13.773438 10 16 10 Z M 16 12 C 14.34375 12 13 13.34375 13 15 C 13 16.65625 14.34375 18 16 18 C 17.65625 18 19 16.65625 19 15 C 19 13.34375 17.65625 12 16 12 Z M 7.25 12.9375 C 7.09375 13.609375 7 14.285156 7 15 C 7 16.753906 7.5 18.394531 8.375 19.78125 C 5.855469 18.324219 4.105469 16.585938 3.53125 16 C 4.011719 15.507813 5.351563 14.203125 7.25 12.9375 Z M 24.75 12.9375 C 26.648438 14.203125 27.988281 15.507813 28.46875 16 C 27.894531 16.585938 26.144531 18.324219 23.625 19.78125 C 24.5 18.394531 25 16.753906 25 15 C 25 14.285156 24.90625 13.601563 24.75 12.9375 Z" },
-                    /** Modify the view box to not cut our svg */
-                    { match: /viewBox:"0 0 24 24"/, replace: 'viewBox:"0 0 32 26"' },
-                ] as MatchAndReplace[])
-                    .reduce((current, { match, replace }) => current.replace(match, replace), component);
-
-                /** Export our custom svg */
-                return `${exports},IgnoreActivities_toggleOn:()=>IgnoreActivities_toggleOnToExport${restOfFunction}${component}${renderIgnoreActivitiesToggleOn}`;
-            }
-        }
-    }, {
-        /** Patch the LocalActivityStore to filter our ignored activities before they get pushed into the array */
-        find: '.displayName="LocalActivityStore"',
-        replacement: {
-            match: /((.)\.push\(.\({type:.\..{1,3}\.LISTENING.+?;)/,
-            replace: "$1$2=$2.filter(Vencord.Plugins.plugins.IgnoreActivities.isActivityEnabled);"
-        }
-    }],
-
-    async start() {
-        ignoredActivitiesCache = (await DataStore.get<string[]>("IgnoreActivities_ignoredActivities")) ?? [];
-
-        if (ignoredActivitiesCache.length !== 0) {
-            const gamesSeen: Record<string, any>[] = RunningGameStoreModule.Z.getGamesSeen();
-
-            for (const [index, ignoredActivity] of ignoredActivitiesCache.entries()) {
-                if (!gamesSeen.some(game => (game.id !== undefined && game.id === ignoredActivity) || game.exePath === ignoredActivity)) {
-                    ignoredActivitiesCache.splice(index, 1);
-                }
-            }
-
-            await DataStore.set("IgnoreActivities_ignoredActivities", ignoredActivitiesCache);
-        }
-    },
-
-    isActivityEnabled(props: Record<string, any>) {
-        /** LocalActivityStore games have a "type" prop */
-        if ("type" in props) {
-            if (props.application_id !== undefined) return !ignoredActivitiesCache.includes(props.application_id);
-            else {
-                const exePath = RunningGameStoreModule.Z.getRunningGames().find(game => game.name === props.name)?.exePath;
-                if (exePath) return !ignoredActivitiesCache.includes(exePath);
-            }
-        }
-        /** Registered Games tab games have an "exePath" prop */
-        else if ("exePath" in props) {
-            if (props.id !== undefined) return !ignoredActivitiesCache.includes(props.id);
-            else return !ignoredActivitiesCache.includes(props.exePath);
-        }
-        return true;
-    },
-
-    async handleActivityToggle(props: Record<string, any>) {
-        const id = props.id ?? props.exePath;
-        if (id === undefined) return;
-
-        if (ignoredActivitiesCache.includes(id)) ignoredActivitiesCache.splice(ignoredActivitiesCache.indexOf(id, 1));
-        else ignoredActivitiesCache.push(id);
-        RunningGameStoreModule.IgnoreActivities_reRenderGames();
-        await DataStore.set("IgnoreActivities_ignoredActivities", ignoredActivitiesCache);
-    }
-});
diff --git a/src/plugins/ignoreActivities.tsx b/src/plugins/ignoreActivities.tsx
new file mode 100644
index 0000000..981145c
--- /dev/null
+++ b/src/plugins/ignoreActivities.tsx
@@ -0,0 +1,220 @@
+/*
+ * Vencord, a modification for Discord's desktop app
+ * Copyright (c) 2022 Vendicated and contributors
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+import * as DataStore from "@api/DataStore";
+import ErrorBoundary from "@components/ErrorBoundary";
+import { Devs } from "@utils/constants";
+import { useForceUpdater } from "@utils/misc";
+import definePlugin from "@utils/types";
+import { findByPropsLazy } from "@webpack";
+import { Tooltip } from "webpack/common";
+
+enum ActivitiesTypes {
+    Game,
+    Embedded
+}
+
+interface IgnoredActivity {
+    id: string;
+    type: ActivitiesTypes;
+}
+
+const RegisteredGamesClasses = findByPropsLazy("overlayToggleIconOff", "overlayToggleIconOn");
+const PreviewBadgeClasses = findByPropsLazy("previewBadge", "previewBadgeIcon");
+const BaseShapeRoundClasses = findByPropsLazy("baseShapeRound", "baseShapeRoundLeft", "baseShapeRoundRight");
+const RunningGameStore = findByPropsLazy("getRunningGames", "getGamesSeen");
+
+function ToggleIconOff() {
+    return (
+        <svg
+            className={RegisteredGamesClasses.overlayToggleIconOff}
+            height="24"
+            width="24"
+            viewBox="0 0 32 26"
+            aria-hidden={true}
+            role="img"
+        >
+            <g
+                fill="none"
+                fillRule="evenodd"
+            >
+                <path
+                    className={RegisteredGamesClasses.fill}
+                    fill="currentColor"
+                    d="M 16 8 C 7.664063 8 1.25 15.34375 1.25 15.34375 L 0.65625 16 L 1.25 16.65625 C 1.25 16.65625 7.097656 23.324219 14.875 23.9375 C 15.246094 23.984375 15.617188 24 16 24 C 16.382813 24 16.753906 23.984375 17.125 23.9375 C 24.902344 23.324219 30.75 16.65625 30.75 16.65625 L 31.34375 16 L 30.75 15.34375 C 30.75 15.34375 24.335938 8 16 8 Z M 16 10 C 18.203125 10 20.234375 10.601563 22 11.40625 C 22.636719 12.460938 23 13.675781 23 15 C 23 18.613281 20.289063 21.582031 16.78125 21.96875 C 16.761719 21.972656 16.738281 21.964844 16.71875 21.96875 C 16.480469 21.980469 16.242188 22 16 22 C 15.734375 22 15.476563 21.984375 15.21875 21.96875 C 11.710938 21.582031 9 18.613281 9 15 C 9 13.695313 9.351563 12.480469 9.96875 11.4375 L 9.9375 11.4375 C 11.71875 10.617188 13.773438 10 16 10 Z M 16 12 C 14.34375 12 13 13.34375 13 15 C 13 16.65625 14.34375 18 16 18 C 17.65625 18 19 16.65625 19 15 C 19 13.34375 17.65625 12 16 12 Z M 7.25 12.9375 C 7.09375 13.609375 7 14.285156 7 15 C 7 16.753906 7.5 18.394531 8.375 19.78125 C 5.855469 18.324219 4.105469 16.585938 3.53125 16 C 4.011719 15.507813 5.351563 14.203125 7.25 12.9375 Z M 24.75 12.9375 C 26.648438 14.203125 27.988281 15.507813 28.46875 16 C 27.894531 16.585938 26.144531 18.324219 23.625 19.78125 C 24.5 18.394531 25 16.753906 25 15 C 25 14.285156 24.90625 13.601563 24.75 12.9375 Z"
+                />
+                <rect
+                    className={RegisteredGamesClasses.fill}
+                    x="3"
+                    y="26"
+                    width="26"
+                    height="2"
+                    transform="rotate(-45 2 20)"
+                />
+            </g>
+        </svg>
+    );
+}
+
+function ToggleIconOn() {
+    return (
+        <svg
+            className={RegisteredGamesClasses.overlayToggleIconOn}
+            height="24"
+            width="24"
+            viewBox="0 0 32 26"
+        >
+            <path
+                className={RegisteredGamesClasses.fill}
+                d="M 16 8 C 7.664063 8 1.25 15.34375 1.25 15.34375 L 0.65625 16 L 1.25 16.65625 C 1.25 16.65625 7.097656 23.324219 14.875 23.9375 C 15.246094 23.984375 15.617188 24 16 24 C 16.382813 24 16.753906 23.984375 17.125 23.9375 C 24.902344 23.324219 30.75 16.65625 30.75 16.65625 L 31.34375 16 L 30.75 15.34375 C 30.75 15.34375 24.335938 8 16 8 Z M 16 10 C 18.203125 10 20.234375 10.601563 22 11.40625 C 22.636719 12.460938 23 13.675781 23 15 C 23 18.613281 20.289063 21.582031 16.78125 21.96875 C 16.761719 21.972656 16.738281 21.964844 16.71875 21.96875 C 16.480469 21.980469 16.242188 22 16 22 C 15.734375 22 15.476563 21.984375 15.21875 21.96875 C 11.710938 21.582031 9 18.613281 9 15 C 9 13.695313 9.351563 12.480469 9.96875 11.4375 L 9.9375 11.4375 C 11.71875 10.617188 13.773438 10 16 10 Z M 16 12 C 14.34375 12 13 13.34375 13 15 C 13 16.65625 14.34375 18 16 18 C 17.65625 18 19 16.65625 19 15 C 19 13.34375 17.65625 12 16 12 Z M 7.25 12.9375 C 7.09375 13.609375 7 14.285156 7 15 C 7 16.753906 7.5 18.394531 8.375 19.78125 C 5.855469 18.324219 4.105469 16.585938 3.53125 16 C 4.011719 15.507813 5.351563 14.203125 7.25 12.9375 Z M 24.75 12.9375 C 26.648438 14.203125 27.988281 15.507813 28.46875 16 C 27.894531 16.585938 26.144531 18.324219 23.625 19.78125 C 24.5 18.394531 25 16.753906 25 15 C 25 14.285156 24.90625 13.601563 24.75 12.9375 Z"
+            />
+        </svg>
+    );
+}
+
+function ToggleActivityComponent({ activity }: { activity: IgnoredActivity; }) {
+    const forceUpdate = useForceUpdater();
+
+    return (
+        <Tooltip text="Toggle activity">
+            {({ onMouseLeave, onMouseEnter }) => (
+                <div
+                    onMouseLeave={onMouseLeave}
+                    onMouseEnter={onMouseEnter}
+                    className={RegisteredGamesClasses.overlayToggleIcon}
+                    role="button"
+                    aria-label="Toggle activity"
+                    tabIndex={0}
+                    onClick={e => handleActivityToggle(e, activity, forceUpdate)}
+                >
+                    {
+                        ignoredActivitiesCache.has(activity.id)
+                            ? <ToggleIconOff />
+                            : <ToggleIconOn />
+                    }
+                </div>
+            )}
+        </Tooltip>
+    );
+}
+
+function ToggleActivityComponentWithBackground({ activity }: { activity: IgnoredActivity; }) {
+    return (
+        <div
+            className={`${PreviewBadgeClasses.previewBadge} ${BaseShapeRoundClasses.baseShapeRound}`}
+            style={{ padding: "0 2px" }}
+        >
+            <ToggleActivityComponent activity={activity} />
+        </div>
+    );
+}
+
+function handleActivityToggle(e: React.MouseEvent<HTMLDivElement, MouseEvent>, activity: IgnoredActivity, forceUpdateComponent: () => void) {
+    e.stopPropagation();
+    if (ignoredActivitiesCache.has(activity.id)) ignoredActivitiesCache.delete(activity.id);
+    else ignoredActivitiesCache.set(activity.id, activity);
+    forceUpdateComponent();
+    saveCacheToDatastore();
+}
+
+async function saveCacheToDatastore() {
+    await DataStore.set("IgnoreActivities_ignoredActivities", ignoredActivitiesCache);
+}
+
+let ignoredActivitiesCache = new Map<IgnoredActivity["id"], IgnoredActivity>();
+
+export default definePlugin({
+    name: "IgnoreActivities",
+    authors: [Devs.Nuckyz],
+    description: "Ignore certain activities (like games and actual activities) from showing up on your status. You can configure which ones are ignored from the Registered Games and Activities tabs.",
+    patches: [{
+        find: ".Messages.SETTINGS_GAMES_OVERLAY_ON",
+        replacement: {
+            match: /(this.renderLastPlayed\(\)]}\),this.renderOverlayToggle\(\))/,
+            replace: "$1,Vencord.Plugins.plugins.IgnoreActivities.renderToggleGameActivityButton(this.props)"
+        }
+    }, {
+        find: ".Messages.NEW,name",
+        replacement: {
+            match: /\(\)\.badgeContainer.+?.\?\(0,.\.jsx\)\(.{1,2},{name:(?<props>.)\.name}\):null/,
+            replace: "$&,Vencord.Plugins.plugins.IgnoreActivities.renderToggleActivityButton($<props>)"
+        }
+    }, {
+        find: '.displayName="LocalActivityStore"',
+        replacement: {
+            match: /((.)\.push\(.\({type:.\..{1,3}\.LISTENING.+?;)/,
+            replace: "$1$2=$2.filter(Vencord.Plugins.plugins.IgnoreActivities.isActivityEnabled);"
+        }
+    }],
+
+    async start() {
+        const ignoredActivitiesData = await DataStore.get<string[] | Map<IgnoredActivity["id"], IgnoredActivity>>("IgnoreActivities_ignoredActivities") ?? new Map<IgnoredActivity["id"], IgnoredActivity>();
+        /** Migrate old data */
+        if (Array.isArray(ignoredActivitiesData)) {
+            for (const id of ignoredActivitiesData) {
+                ignoredActivitiesCache.set(id, { id, type: ActivitiesTypes.Game });
+            }
+
+            await saveCacheToDatastore();
+        } else ignoredActivitiesCache = ignoredActivitiesData;
+
+        if (ignoredActivitiesCache.size !== 0) {
+            const gamesSeen: { id?: string; exePath: string; }[] = RunningGameStore.getGamesSeen();
+
+            for (const ignoredActivity of ignoredActivitiesCache.values()) {
+                if (ignoredActivity.type !== ActivitiesTypes.Game) continue;
+
+                if (!gamesSeen.some(game => game.id === ignoredActivity.id || game.exePath === ignoredActivity.id)) {
+                    /** Custom added game which no longer exists */
+                    ignoredActivitiesCache.delete(ignoredActivity.id);
+                }
+            }
+
+            await saveCacheToDatastore();
+        }
+    },
+
+    renderToggleGameActivityButton(props: { game: { id?: string; exePath: string; } | null; }) {
+        if (!props.game) return (null);
+
+        return (
+            <ErrorBoundary noop>
+                <ToggleActivityComponent activity={{ id: props.game.id ?? props.game.exePath, type: ActivitiesTypes.Game }} />
+            </ErrorBoundary>
+        );
+    },
+
+    renderToggleActivityButton(props: { id: string; }) {
+        return (
+            <ErrorBoundary noop>
+                <ToggleActivityComponentWithBackground activity={{ id: props.id, type: ActivitiesTypes.Embedded }} />
+            </ErrorBoundary>
+        );
+    },
+
+    isActivityEnabled(props: { type: number; application_id?: string; name?: string; }) {
+        if (props.type === 0) {
+            if (props.application_id !== undefined) return !ignoredActivitiesCache.has(props.application_id);
+            else {
+                const exePath = RunningGameStore.getRunningGames().find(game => game.name === props.name)?.exePath;
+                if (exePath) return !ignoredActivitiesCache.has(exePath);
+            }
+        }
+        return true;
+    },
+});
diff --git a/src/plugins/keepCurrentChannel.ts b/src/plugins/keepCurrentChannel.ts
index 0d7147c..e553b93 100644
--- a/src/plugins/keepCurrentChannel.ts
+++ b/src/plugins/keepCurrentChannel.ts
@@ -40,7 +40,7 @@ interface PreviousChannel {
 
 export default definePlugin({
     name: "KeepCurrentChannel",
-    description: "Attempt to navigate the channel you were in before switching accounts or loading Discord.",
+    description: "Attempt to navigate to the channel you were in before switching accounts or loading Discord.",
     authors: [Devs.Nuckyz],
 
     isSwitchingAccount: false,