From 16c08b23a8cbb42d5c604fcb6325d2346c56fe6d Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 9 Jul 2022 11:22:38 -0500
Subject: [PATCH] Fix improper import of Tabler icons

---
 app/soapbox/components/status_action_bar.tsx               | 6 +++---
 app/soapbox/features/status/components/action-bar.tsx      | 6 +++---
 app/soapbox/features/ui/components/instance_info_panel.tsx | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/soapbox/components/status_action_bar.tsx b/app/soapbox/components/status_action_bar.tsx
index fe79fb2db..c3a3087a3 100644
--- a/app/soapbox/components/status_action_bar.tsx
+++ b/app/soapbox/components/status_action_bar.tsx
@@ -404,7 +404,7 @@ class StatusActionBar extends ImmutablePureComponent<IStatusActionBar, IStatusAc
       menu.push({
         text: intl.formatMessage(status.bookmarked ? messages.unbookmark : messages.bookmark),
         action: this.handleBookmarkClick,
-        icon: require(status.bookmarked ? '@tabler/icons/bookmark-off.svg' : '@tabler/icons/bookmark.svg'),
+        icon: status.bookmarked ? require('@tabler/icons/bookmark-off.svg') : require('@tabler/icons/bookmark.svg'),
       });
     }
 
@@ -414,7 +414,7 @@ class StatusActionBar extends ImmutablePureComponent<IStatusActionBar, IStatusAc
       menu.push({
         text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation),
         action: this.handleConversationMuteClick,
-        icon: require(mutingConversation ? '@tabler/icons/bell.svg' : '@tabler/icons/bell-off.svg'),
+        icon: mutingConversation ? require('@tabler/icons/bell.svg') : require('@tabler/icons/bell-off.svg'),
       });
       menu.push(null);
     }
@@ -424,7 +424,7 @@ class StatusActionBar extends ImmutablePureComponent<IStatusActionBar, IStatusAc
         menu.push({
           text: intl.formatMessage(status.pinned ? messages.unpin : messages.pin),
           action: this.handlePinClick,
-          icon: require(mutingConversation ? '@tabler/icons/pinned-off.svg' : '@tabler/icons/pin.svg'),
+          icon: mutingConversation ? require('@tabler/icons/pinned-off.svg') : require('@tabler/icons/pin.svg'),
         });
       } else {
         if (status.visibility === 'private') {
diff --git a/app/soapbox/features/status/components/action-bar.tsx b/app/soapbox/features/status/components/action-bar.tsx
index 366c15a27..a61ab9acb 100644
--- a/app/soapbox/features/status/components/action-bar.tsx
+++ b/app/soapbox/features/status/components/action-bar.tsx
@@ -389,7 +389,7 @@ class ActionBar extends React.PureComponent<IActionBar, IActionBarState> {
         menu.push({
           text: intl.formatMessage(status.bookmarked ? messages.unbookmark : messages.bookmark),
           action: this.handleBookmarkClick,
-          icon: require(status.bookmarked ? '@tabler/icons/bookmark-off.svg' : '@tabler/icons/bookmark.svg'),
+          icon: status.bookmarked ? require('@tabler/icons/bookmark-off.svg') : require('@tabler/icons/bookmark.svg'),
         });
       }
 
@@ -400,7 +400,7 @@ class ActionBar extends React.PureComponent<IActionBar, IActionBarState> {
           menu.push({
             text: intl.formatMessage(status.pinned ? messages.unpin : messages.pin),
             action: this.handlePinClick,
-            icon: require(mutingConversation ? '@tabler/icons/pinned-off.svg' : '@tabler/icons/pin.svg'),
+            icon: mutingConversation ? require('@tabler/icons/pinned-off.svg') : require('@tabler/icons/pin.svg'),
           });
 
           menu.push(null);
@@ -417,7 +417,7 @@ class ActionBar extends React.PureComponent<IActionBar, IActionBarState> {
         menu.push({
           text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation),
           action: this.handleConversationMuteClick,
-          icon: require(mutingConversation ? '@tabler/icons/bell.svg' : '@tabler/icons/bell-off.svg'),
+          icon: mutingConversation ? require('@tabler/icons/bell.svg') : require('@tabler/icons/bell-off.svg'),
         });
         menu.push(null);
         menu.push({
diff --git a/app/soapbox/features/ui/components/instance_info_panel.tsx b/app/soapbox/features/ui/components/instance_info_panel.tsx
index eeed8beda..3467455b3 100644
--- a/app/soapbox/features/ui/components/instance_info_panel.tsx
+++ b/app/soapbox/features/ui/components/instance_info_panel.tsx
@@ -43,7 +43,7 @@ const InstanceInfoPanel: React.FC<IInstanceInfoPanel> = ({ host }) => {
     <Widget
       title={remoteInstance.get('host')}
       onActionClick={handlePinHost}
-      actionIcon={require(pinned ? '@tabler/icons/pinned-off.svg' : '@tabler/icons/pin.svg')}
+      actionIcon={pinned ? require('@tabler/icons/pinned-off.svg') : require('@tabler/icons/pin.svg')}
       actionTitle={intl.formatMessage(pinned ? messages.unpinHost : messages.pinHost, { host })}
     />
   );