From 177988dd8e0bb82bc528f0730b198b521bc08455 Mon Sep 17 00:00:00 2001
From: PalmDevs <git@palmdevs.me>
Date: Sat, 10 May 2025 02:11:44 +0700
Subject: [PATCH] feat(plugins/developer-settings/devtools): use generated
 IconComponent for toasts

---
 src/plugins/developer-settings/devtools.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/plugins/developer-settings/devtools.ts b/src/plugins/developer-settings/devtools.ts
index c44c8c5..843d488 100644
--- a/src/plugins/developer-settings/devtools.ts
+++ b/src/plugins/developer-settings/devtools.ts
@@ -1,9 +1,9 @@
-import { getAssetByName, getAssetId } from '@revenge-mod/assets'
 import { ToastActionCreators } from '@revenge-mod/discord/actions'
 import { React } from '@revenge-mod/react'
 import { getErrorStack } from '@revenge-mod/utils/errors'
 import { useReRender } from '@revenge-mod/utils/react'
 import { pluginApi } from '.'
+import { lookupGeneratedIconComponent } from '@revenge-mod/utils/discord'
 
 export const DevToolsContext: {
     ws: WebSocket | undefined
@@ -20,15 +20,19 @@ export const DevToolsContext: {
 type Subscription = (event: 1 | 2 | 3, err?: unknown) => void
 const subscriptions: Set<Subscription> = new Set()
 
+const CircleXIcon = lookupGeneratedIconComponent('CircleXIcon', 'CircleXIcon-secondary', 'CircleXIcon-primary')
+
 subscriptions.add((e, err) => {
     if (e === 3) {
         const actualError = (err as { message: string }).message ?? getErrorStack(err)
 
         pluginApi.logger.error('React DevTools error:', actualError)
 
+        pluginApi.logger.log(CircleXIcon)
+
         ToastActionCreators.open({
             key: 'DEVTOOLS_ERROR',
-            icon: getAssetId(getAssetByName('CircleXIcon-primary')!)!,
+            IconComponent: CircleXIcon,
             content: actualError,
         })
     }