From 95a9aafc91abd102701cc5b5a8b76936d2476242 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Thu, 13 Jul 2023 16:35:54 +0530
Subject: [PATCH] chore: fix icon color

---
 packages/icons/src/Icons/ic-file-image.svg                    | 4 ++--
 packages/icons/svgo.config.js                                 | 3 +++
 .../Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx     | 1 -
 .../Plugins/MobileToolbarPlugin/MobileToolbarPlugin.tsx       | 3 +--
 4 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 packages/icons/svgo.config.js

diff --git a/packages/icons/src/Icons/ic-file-image.svg b/packages/icons/src/Icons/ic-file-image.svg
index 41a92561f..c901cd202 100644
--- a/packages/icons/src/Icons/ic-file-image.svg
+++ b/packages/icons/src/Icons/ic-file-image.svg
@@ -1,4 +1,4 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-[#7049CF]">
-<path d="M1 5C1 2.79086 2.79086 1 5 1H27C29.2091 1 31 2.79086 31 5V27C31 29.2091 29.2091 31 27 31H5C2.79086 31 1 29.2091 1 27V5Z" fill="currentColor"/>
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 5C1 2.79086 2.79086 1 5 1H27C29.2091 1 31 2.79086 31 5V27C31 29.2091 29.2091 31 27 31H5C2.79086 31 1 29.2091 1 27V5Z" class="text-accessory-tint-4" fill="currentColor"/>
 <path d="M24 14.4V24H8L16 16L19.2 19.2L24 14.4ZM12.8 10.4C12.8 11.0365 12.5471 11.647 12.0971 12.0971C11.647 12.5471 11.0365 12.8 10.4 12.8C9.76348 12.8 9.15303 12.5471 8.70294 12.0971C8.25286 11.647 8 11.0365 8 10.4C8 9.76348 8.25286 9.15303 8.70294 8.70294C9.15303 8.25286 9.76348 8 10.4 8C11.0365 8 11.647 8.25286 12.0971 8.70294C12.5471 9.15303 12.8 9.76348 12.8 10.4Z" fill="white"/>
 </svg>
diff --git a/packages/icons/svgo.config.js b/packages/icons/svgo.config.js
new file mode 100644
index 000000000..f25080af2
--- /dev/null
+++ b/packages/icons/svgo.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  prefixIds: false,
+}
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx
index cfee14214..8b09f66d9 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/Blocks/RemoteImage.tsx
@@ -2,7 +2,6 @@ export function GetRemoteImageBlock(onSelect: () => void) {
   return {
     name: 'Image from URL',
     iconName: 'file-image',
-    iconClassName: '!text-current',
     keywords: ['image', 'url'],
     onSelect,
   }
diff --git a/packages/web/src/javascripts/Components/SuperEditor/Plugins/MobileToolbarPlugin/MobileToolbarPlugin.tsx b/packages/web/src/javascripts/Components/SuperEditor/Plugins/MobileToolbarPlugin/MobileToolbarPlugin.tsx
index 714ba00f3..878b4f7dc 100644
--- a/packages/web/src/javascripts/Components/SuperEditor/Plugins/MobileToolbarPlugin/MobileToolbarPlugin.tsx
+++ b/packages/web/src/javascripts/Components/SuperEditor/Plugins/MobileToolbarPlugin/MobileToolbarPlugin.tsx
@@ -68,7 +68,6 @@ const MobileToolbarPlugin = () => {
     (): {
       name: string
       iconName: string
-      iconClassName?: string
       keywords?: string[]
       onSelect: () => void
     }[] => [
@@ -228,7 +227,7 @@ const MobileToolbarPlugin = () => {
                 onClick={item.onSelect}
                 key={item.name}
               >
-                <Icon type={item.iconName} size="medium" className={item.iconClassName} />
+                <Icon type={item.iconName} size="medium" className="!text-current [&>path]:!text-current" />
               </button>
             )
           })}