pl-fe: more icons changes

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/components/authorize-reject-buttons.tsx

@@ -159,7 +159,7 @@ const AuthorizeRejectButton: React.FC<IAuthorizeRejectButton> = ({ theme, icon,
       }
     >
       <IconButton
-        src={isLoading ? require('@tabler/icons/filled/player-stop.svg') : icon}
+        src={isLoading ? require('@phosphor-icons/core/fill/stop-fill.svg') : icon}
         onClick={action}
         theme='seamless'
         className='size-10 items-center justify-center bg-white focus:!ring-0 dark:!bg-gray-900'

packages/pl-fe/src/components/event-preview.tsx

@@ -83,7 +83,7 @@ const EventPreview: React.FC<IEventPreview> = ({ status, className, hideAction,
 
           {event.location && (
             <HStack alignItems='center' space={2}>
-              <Icon src={require('@tabler/icons/outline/map-pin.svg')} />
+              <Icon src={require('@phosphor-icons/core/regular/map-pin.svg')} />
               <span>
                 {event.location.name}
               </span>

packages/pl-fe/src/components/pending-items-row.tsx

@@ -26,7 +26,7 @@ const PendingItemsRow: React.FC<IPendingItemsRow> = ({ to, count, size = 'md' })
         })}
         >
           <Icon
-            src={require('@tabler/icons/outline/exclamation-circle.svg')}
+            src={require('@phosphor-icons/core/regular/warning-circle.svg')}
             className={clsx({
               'h-5 w-5': size === 'md',
               'h-7 w-7': size === 'lg',

packages/pl-fe/src/components/status.tsx

@@ -288,7 +288,7 @@ const Status: React.FC<IStatus> = (props) => {
       return (
         <StatusInfo
           avatarSize={avatarSize}
-          icon={<Icon src={require('@tabler/icons/outline/pinned.svg')} className='size-4 text-gray-600 dark:text-gray-400' />}
+          icon={<Icon src={require('@phosphor-icons/core/regular/push-pin.svg')} className='size-4 text-gray-600 dark:text-gray-400' />}
           text={
             <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
           }

packages/pl-fe/src/components/translate-button.tsx

@@ -73,7 +73,7 @@ const TranslateButton: React.FC<ITranslateButton> = ({ status }) => {
         )}
       </span>
       {translationQuery.isLoading && (
-        <Icon src={require('@tabler/icons/outline/loader-2.svg')} className='size-4 animate-spin' />
+        <Icon src={require('@phosphor-icons/core/regular/circle-notch.svg')} className='size-4 animate-spin' />
       )}
     </button>
   );

packages/pl-fe/src/components/ui/svg-icon.test.tsx

@@ -1,4 +1,4 @@
-import IconCode from '@tabler/icons/outline/code.svg';
+import IconCode from '@phosphor-icons/core/regular/code.svg';
 import React from 'react';
 
 import { render, screen } from 'pl-fe/jest/test-helpers';