From 72acda8c5dd05ae442f8d7bd46a43f970758b7de Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Mon, 21 Mar 2022 15:05:52 -0400
Subject: [PATCH] Remove dynamic import of Tabler icons

---
 .../features/notifications/components/notification.js  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/soapbox/features/notifications/components/notification.js b/app/soapbox/features/notifications/components/notification.js
index 380927716..d399cdcf4 100644
--- a/app/soapbox/features/notifications/components/notification.js
+++ b/app/soapbox/features/notifications/components/notification.js
@@ -39,10 +39,10 @@ const buildLink = (account) => (
 export const NOTIFICATION_TYPES = ['follow', 'mention', 'favourite', 'reblog'];
 
 const icons = {
-  follow: 'user-plus',
-  mention: 'at',
-  favourite: 'heart',
-  reblog: 'repeat',
+  follow: require('@tabler/icons/icons/user-plus.svg'),
+  mention: require('@tabler/icons/icons/at.svg'),
+  favourite: require('@tabler/icons/icons/heart.svg'),
+  reblog: require('@tabler/icons/icons/repeat.svg'),
 };
 
 const messages = {
@@ -199,7 +199,7 @@ const Notification = (props) => {
           <div className='mb-2'>
             <HStack alignItems='center' space={1.5}>
               <Icon
-                src={require(`@tabler/icons/icons/${icons[type]}.svg`)}
+                src={icons[type]}
                 className='text-primary-600'
               />