From 61a5dbab2e3d286f48237eb28e89d7774e1fb855 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Mon, 13 Oct 2025 11:48:19 +0200
Subject: [PATCH] pl-fe: more icons changes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../components/authorize-reject-buttons.tsx   |  2 +-
 .../pl-fe/src/components/event-preview.tsx    |  2 +-
 .../src/components/pending-items-row.tsx      |  2 +-
 packages/pl-fe/src/components/status.tsx      |  2 +-
 .../pl-fe/src/components/translate-button.tsx |  2 +-
 .../pl-fe/src/components/ui/svg-icon.test.tsx |  2 +-
 .../compose-event/tabs/edit-event.tsx         |  2 +-
 .../floating-text-format-toolbar-plugin.tsx   | 34 +++++++++----------
 .../event/components/event-header.tsx         |  2 +-
 .../components/panels/profile-info-panel.tsx  |  2 +-
 .../src/pages/statuses/event-information.tsx  |  2 +-
 11 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/packages/pl-fe/src/components/authorize-reject-buttons.tsx b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
index d5b4aae4a..a3058237c 100644
--- a/packages/pl-fe/src/components/authorize-reject-buttons.tsx
+++ b/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'
diff --git a/packages/pl-fe/src/components/event-preview.tsx b/packages/pl-fe/src/components/event-preview.tsx
index 093f1e638..fc0d6335d 100644
--- a/packages/pl-fe/src/components/event-preview.tsx
+++ b/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>
diff --git a/packages/pl-fe/src/components/pending-items-row.tsx b/packages/pl-fe/src/components/pending-items-row.tsx
index e84bf8ef2..03fe72e30 100644
--- a/packages/pl-fe/src/components/pending-items-row.tsx
+++ b/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',
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index f92476ac3..5a348161a 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/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' />
           }
diff --git a/packages/pl-fe/src/components/translate-button.tsx b/packages/pl-fe/src/components/translate-button.tsx
index e6b0275b0..8d4a59658 100644
--- a/packages/pl-fe/src/components/translate-button.tsx
+++ b/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>
   );
diff --git a/packages/pl-fe/src/components/ui/svg-icon.test.tsx b/packages/pl-fe/src/components/ui/svg-icon.test.tsx
index bfe04d474..380b8a28f 100644
--- a/packages/pl-fe/src/components/ui/svg-icon.test.tsx
+++ b/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';
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index ea68847ad..adb2726a8 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -162,7 +162,7 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
 
   const renderLocation = () => location && (
     <HStack className='h-[38px] text-gray-700 dark:text-gray-500' alignItems='center' space={2}>
-      <Icon src={ADDRESS_ICONS[location.type] || require('@tabler/icons/outline/map-pin.svg')} />
+      <Icon src={ADDRESS_ICONS[location.type] || require('@phosphor-icons/core/regular/map-pin.svg')} />
       <Stack className='grow'>
         <Text>{location.description}</Text>
         <Text theme='muted' size='xs'>{[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')}</Text>
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
index 1675828d6..57a8e89a6 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
@@ -57,17 +57,17 @@ const messages = defineMessages({
 
 const blockTypeToIcon = {
   bullet: require('@phosphor-icons/core/regular/list-bullets.svg'),
-  check: require('@tabler/icons/outline/list-check.svg'),
-  code: require('@tabler/icons/outline/code.svg'),
-  h1: require('@tabler/icons/outline/h-1.svg'),
-  h2: require('@tabler/icons/outline/h-2.svg'),
-  h3: require('@tabler/icons/outline/h-3.svg'),
-  h4: require('@tabler/icons/outline/h-4.svg'),
-  h5: require('@tabler/icons/outline/h-5.svg'),
-  h6: require('@tabler/icons/outline/h-6.svg'),
-  number: require('@tabler/icons/outline/list-numbers.svg'),
-  paragraph: require('@tabler/icons/outline/align-left.svg'),
-  quote: require('@tabler/icons/outline/blockquote.svg'),
+  check: require('@phosphor-icons/core/regular/list-checks.svg'),
+  code: require('@phosphor-icons/core/regular/code.svg'),
+  h1: require('@phosphor-icons/core/regular/text-h-one.svg'),
+  h2: require('@phosphor-icons/core/regular/text-h-two.svg'),
+  h3: require('@phosphor-icons/core/regular/text-h-three.svg'),
+  h4: require('@phosphor-icons/core/regular/text-h-four.svg'),
+  h5: require('@phosphor-icons/core/regular/text-h-five.svg'),
+  h6: require('@phosphor-icons/core/regular/text-h-six.svg'),
+  number: require('@phosphor-icons/core/regular/list-numbers.svg'),
+  paragraph: require('@phosphor-icons/core/regular/text-align-left.svg'),
+  quote: require('@phosphor-icons/core/regular/quotes.svg'),
 };
 
 const blockTypeToBlockName = {
@@ -366,7 +366,7 @@ const TextFormatFloatingToolbar = ({
             }}
             active={isBold}
             aria-label={intl.formatMessage(messages.formatBold)}
-            icon={require('@tabler/icons/outline/bold.svg')}
+            icon={require('@phosphor-icons/core/regular/text-b.svg')}
           />
           <ToolbarButton
             onClick={() => {
@@ -374,7 +374,7 @@ const TextFormatFloatingToolbar = ({
             }}
             active={isItalic}
             aria-label={intl.formatMessage(messages.formatItalic)}
-            icon={require('@tabler/icons/outline/italic.svg')}
+            icon={require('@phosphor-icons/core/regular/text-italic.svg')}
           />
           <ToolbarButton
             onClick={() => {
@@ -382,7 +382,7 @@ const TextFormatFloatingToolbar = ({
             }}
             active={isUnderline}
             aria-label={intl.formatMessage(messages.formatUnderline)}
-            icon={require('@tabler/icons/outline/underline.svg')}
+            icon={require('@phosphor-icons/core/regular/text-underline.svg')}
           />
           <ToolbarButton
             onClick={() => {
@@ -390,7 +390,7 @@ const TextFormatFloatingToolbar = ({
             }}
             active={isStrikethrough}
             aria-label={intl.formatMessage(messages.formatStrikethrough)}
-            icon={require('@tabler/icons/outline/strikethrough.svg')}
+            icon={require('@phosphor-icons/core/regular/text-strikethrough.svg')}
           />
           <ToolbarButton
             onClick={() => {
@@ -398,13 +398,13 @@ const TextFormatFloatingToolbar = ({
             }}
             active={isCode}
             aria-label={intl.formatMessage(messages.insertCodeBlock)}
-            icon={require('@tabler/icons/outline/code.svg')}
+            icon={require('@phosphor-icons/core/regular/text-code.svg')}
           />
           <ToolbarButton
             onClick={insertLink}
             active={isLink}
             aria-label={intl.formatMessage(messages.insertLink)}
-            icon={require('@tabler/icons/outline/link.svg')}
+            icon={require('@phosphor-icons/core/regular/link-simple-horizontal.svg')}
           />
         </>
       )}
diff --git a/packages/pl-fe/src/features/event/components/event-header.tsx b/packages/pl-fe/src/features/event/components/event-header.tsx
index 49af6ee9c..2ced6a501 100644
--- a/packages/pl-fe/src/features/event/components/event-header.tsx
+++ b/packages/pl-fe/src/features/event/components/event-header.tsx
@@ -480,7 +480,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
 
           {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>
diff --git a/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
index b84e9ec5a..ef7025ed8 100644
--- a/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
@@ -194,7 +194,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
           {account.location ? (
             <HStack alignItems='center' space={0.5}>
               <Icon
-                src={require('@tabler/icons/outline/map-pin.svg')}
+                src={require('@phosphor-icons/core/regular/map-pin.svg')}
                 className='size-4 text-gray-800 dark:text-gray-200'
               />
 
diff --git a/packages/pl-fe/src/pages/statuses/event-information.tsx b/packages/pl-fe/src/pages/statuses/event-information.tsx
index 43ddf8194..3e7dc4ef6 100644
--- a/packages/pl-fe/src/pages/statuses/event-information.tsx
+++ b/packages/pl-fe/src/pages/statuses/event-information.tsx
@@ -95,7 +95,7 @@ const EventInformationPage: React.FC<IEventInformation> = ({ params }) => {
           <FormattedMessage id='event.location' defaultMessage='Location' />
         </Text>
         <HStack space={2} alignItems='center'>
-          <Icon src={require('@tabler/icons/outline/map-pin.svg')} />
+          <Icon src={require('@phosphor-icons/core/regular/map-pin.svg')} />
           <Text>{text}</Text>
         </HStack>
       </Stack>