From 369f252035e7bdc88f90b6fe7cf701f1081cb4e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= Date: Mon, 13 Oct 2025 10:29:23 +0200 Subject: [PATCH] pl-fe: migrate more icons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: nicole mikołajczyk --- .../pl-fe/src/components/account-search.tsx | 4 +- packages/pl-fe/src/components/account.tsx | 2 +- .../components/authorize-reject-buttons.tsx | 4 +- packages/pl-fe/src/components/domain.tsx | 2 +- .../pl-fe/src/components/location-search.tsx | 2 +- .../pl-fe/src/components/media-gallery.tsx | 2 +- .../src/components/polls/poll-option.tsx | 2 +- .../pl-fe/src/components/preview-card.tsx | 4 +- .../pl-fe/src/components/quoted-status.tsx | 2 +- .../pl-fe/src/components/search-input.tsx | 6 +-- .../src/components/status-action-bar.tsx | 54 +++++++++---------- packages/pl-fe/src/components/ui/modal.tsx | 2 +- .../pl-fe/src/components/ui/streamfield.tsx | 2 +- packages/pl-fe/src/components/ui/tag.tsx | 2 +- packages/pl-fe/src/components/ui/toast.tsx | 2 +- packages/pl-fe/src/components/upload.tsx | 4 +- .../src/components/verification-badge.tsx | 2 +- .../features/account/components/header.tsx | 24 ++++----- .../src/features/admin/tabs/dashboard.tsx | 2 +- .../pl-fe/src/features/admin/tabs/reports.tsx | 2 +- packages/pl-fe/src/features/audio/index.tsx | 6 +-- .../chats/components/chat-message.tsx | 4 +- .../chat-page/components/chat-page-main.tsx | 2 +- .../components/chat-page-sidebar.tsx | 2 +- .../components/chat-search/chat-search.tsx | 2 +- .../features/chats/components/chat-upload.tsx | 2 +- .../components/chat-widget/chat-settings.tsx | 2 +- .../components/chat-widget/chat-window.tsx | 2 +- .../compose-event/tabs/edit-event.tsx | 4 +- .../compose/components/language-dropdown.tsx | 2 +- .../compose/components/reply-indicator.tsx | 2 +- .../compose/components/schedule-form.tsx | 2 +- .../containers/preview-compose-container.tsx | 2 +- .../compose/editor/nodes/image-component.tsx | 4 +- .../plugins/floating-link-editor-plugin.tsx | 4 +- .../edit-profile/components/header-picker.tsx | 2 +- .../event/components/event-action-button.tsx | 6 +-- .../event/components/event-header.tsx | 28 +++++----- .../components/instance-restrictions.tsx | 4 +- .../components/group-member-list-item.tsx | 2 +- .../group/components/group-options-button.tsx | 2 +- .../group/components/group-privacy.tsx | 8 +-- .../group/components/group-relationship.tsx | 2 +- .../components/discover/group-list-item.tsx | 2 +- .../src/features/reply-mentions/account.tsx | 2 +- .../status/components/status-type-icon.tsx | 4 +- .../features/ui/components/action-button.tsx | 2 +- .../features/ui/components/error-column.tsx | 2 +- .../components/panels/instance-info-panel.tsx | 2 +- .../panels/instance-moderation-panel.tsx | 2 +- .../components/panels/profile-info-panel.tsx | 2 +- .../components/panels/who-to-follow-panel.tsx | 2 +- .../features/ui/components/profile-field.tsx | 2 +- packages/pl-fe/src/features/video/index.tsx | 6 +-- .../list-adder-modal/components/list.tsx | 2 +- .../list-editor-modal/components/account.tsx | 2 +- .../steps/confirmation-step.tsx | 2 +- packages/pl-fe/src/modals/media-modal.tsx | 6 +-- .../report-modal/steps/other-actions-step.tsx | 2 +- .../src/pages/accounts/account-gallery.tsx | 2 +- .../pl-fe/src/pages/dashboard/account.tsx | 2 +- packages/pl-fe/src/pages/dashboard/report.tsx | 2 +- .../src/pages/dashboard/theme-editor.tsx | 4 +- .../pl-fe/src/pages/developers/developers.tsx | 2 +- .../pages/developers/service-worker-info.tsx | 2 +- packages/pl-fe/src/pages/fun/circle.tsx | 2 +- .../pl-fe/src/pages/groups/edit-group.tsx | 2 +- packages/pl-fe/src/pages/search/search.tsx | 6 +-- packages/pl-fe/src/pages/settings/aliases.tsx | 2 +- .../src/pages/settings/auth-token-list.tsx | 2 +- .../src/pages/status-lists/bookmarks.tsx | 4 +- .../src/pages/timelines/circle-timeline.tsx | 4 +- .../src/pages/timelines/list-timeline.tsx | 4 +- .../src/pages/timelines/public-timeline.tsx | 2 +- .../src/pages/timelines/remote-timeline.tsx | 2 +- 75 files changed, 154 insertions(+), 154 deletions(-) diff --git a/packages/pl-fe/src/components/account-search.tsx b/packages/pl-fe/src/components/account-search.tsx index 8e0509045..db7789855 100644 --- a/packages/pl-fe/src/components/account-search.tsx +++ b/packages/pl-fe/src/components/account-search.tsx @@ -74,12 +74,12 @@ const AccountSearch: React.FC = ({ onSelected, ...rest }) => { onClick={handleClear} > diff --git a/packages/pl-fe/src/components/account.tsx b/packages/pl-fe/src/components/account.tsx index 5049782fa..683a6baa2 100644 --- a/packages/pl-fe/src/components/account.tsx +++ b/packages/pl-fe/src/components/account.tsx @@ -359,7 +359,7 @@ const Account = ({ <> · - + ) : null} diff --git a/packages/pl-fe/src/components/authorize-reject-buttons.tsx b/packages/pl-fe/src/components/authorize-reject-buttons.tsx index 695951400..d5b4aae4a 100644 --- a/packages/pl-fe/src/components/authorize-reject-buttons.tsx +++ b/packages/pl-fe/src/components/authorize-reject-buttons.tsx @@ -106,7 +106,7 @@ const AuthorizeRejectButtons: React.FC = ({ onAuthorize = ({ onAuthorize /> = ({ domain }) => { {domain} - + ); }; diff --git a/packages/pl-fe/src/components/location-search.tsx b/packages/pl-fe/src/components/location-search.tsx index 4766a10a8..bd42b8397 100644 --- a/packages/pl-fe/src/components/location-search.tsx +++ b/packages/pl-fe/src/components/location-search.tsx @@ -67,7 +67,7 @@ const LocationSearch: React.FC = ({ onSelected }) => { onKeyDown={handleKeyDown} />
- +
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx index 12d01bd3d..c1094e130 100644 --- a/packages/pl-fe/src/components/media-gallery.tsx +++ b/packages/pl-fe/src/components/media-gallery.tsx @@ -243,7 +243,7 @@ const Item: React.FC = ({ target='_blank' title={attachment.description} > - + {ext} ); diff --git a/packages/pl-fe/src/components/polls/poll-option.tsx b/packages/pl-fe/src/components/polls/poll-option.tsx index 9fb233f86..2fd82a992 100644 --- a/packages/pl-fe/src/components/polls/poll-option.tsx +++ b/packages/pl-fe/src/components/polls/poll-option.tsx @@ -87,7 +87,7 @@ const PollOptionText: React.FC = ({ poll, option, index, active aria-label={option.title} > {active && ( - + )} diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx index 90c81bcac..dbef96a4c 100644 --- a/packages/pl-fe/src/components/preview-card.tsx +++ b/packages/pl-fe/src/components/preview-card.tsx @@ -176,7 +176,7 @@ const PreviewCard: React.FC = ({ if (embedded) { embed = renderVideo(); } else { - let iconVariant = require('@tabler/icons/outline/player-play.svg'); + let iconVariant = require('@phosphor-icons/core/regular/play.svg'); if (card.type === 'photo') { iconVariant = require('@tabler/icons/outline/zoom-in.svg'); @@ -206,7 +206,7 @@ const PreviewCard: React.FC = ({ className='text-gray-700 hover:text-gray-900 dark:text-gray-500 dark:hover:text-gray-100' > diff --git a/packages/pl-fe/src/components/quoted-status.tsx b/packages/pl-fe/src/components/quoted-status.tsx index fdab7971f..14748a374 100644 --- a/packages/pl-fe/src/components/quoted-status.tsx +++ b/packages/pl-fe/src/components/quoted-status.tsx @@ -66,7 +66,7 @@ const QuotedStatus: React.FC = ({ status, onCancel, compose }) => if (onCancel) { actions = { onActionClick: handleClose, - actionIcon: require('@tabler/icons/outline/x.svg'), + actionIcon: require('@phosphor-icons/core/regular/x.svg'), actionAlignment: 'top', actionTitle: intl.formatMessage(messages.cancel), }; diff --git a/packages/pl-fe/src/components/search-input.tsx b/packages/pl-fe/src/components/search-input.tsx index e15605be1..81188991c 100644 --- a/packages/pl-fe/src/components/search-input.tsx +++ b/packages/pl-fe/src/components/search-input.tsx @@ -65,7 +65,7 @@ const SearchInput = React.memo(() => { const makeMenu = () => [ { text: intl.formatMessage(messages.action, { query: value }), - icon: require('@tabler/icons/outline/search.svg'), + icon: require('@phosphor-icons/core/regular/magnifying-glass.svg'), action: handleSubmit, }, ]; @@ -97,12 +97,12 @@ const SearchInput = React.memo(() => { onClick={handleClear} > diff --git a/packages/pl-fe/src/components/status-action-bar.tsx b/packages/pl-fe/src/components/status-action-bar.tsx index 723764238..5635c34fb 100644 --- a/packages/pl-fe/src/components/status-action-bar.tsx +++ b/packages/pl-fe/src/components/status-action-bar.tsx @@ -836,7 +836,7 @@ const MenuButton: React.FC = ({ if (expandable) { menu.push({ text: intl.formatMessage(messages.open), - icon: require('@tabler/icons/outline/arrows-vertical.svg'), + icon: require('@phosphor-icons/core/regular/arrows-vertical.svg'), to: `/@${status.account.acct}/posts/${status.id}`, }); } @@ -845,14 +845,14 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.copy), action: handleCopy, - icon: require('@tabler/icons/outline/clipboard-copy.svg'), + icon: require('@phosphor-icons/core/regular/clipboard.svg'), }); if (features.embeds && localAccount) { menu.push({ text: intl.formatMessage(messages.embed), action: handleEmbed, - icon: require('@tabler/icons/outline/share.svg'), + icon: require('@phosphor-icons/core/regular/export.svg'), }); } } @@ -875,7 +875,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(status.bookmarked ? messages.unbookmark : messages.bookmark), action: handleBookmarkClick, - icon: status.bookmarked ? require('@tabler/icons/outline/bookmark-off.svg') : require('@tabler/icons/outline/bookmark.svg'), + icon: status.bookmarked ? require('@phosphor-icons/core/regular/bookmark.svg') : require('@phosphor-icons/core/regular/bookmark-simple.svg'), }); } @@ -883,7 +883,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(status.bookmark_folder ? messages.bookmarkChangeFolder : messages.bookmarkSetFolder), action: handleBookmarkFolderClick, - icon: require('@tabler/icons/outline/folders.svg'), + icon: require('@phosphor-icons/core/regular/folders.svg'), }); } @@ -891,7 +891,7 @@ const MenuButton: React.FC = ({ const { hostname: domain } = new URL(status.uri); menu.push({ text: intl.formatMessage(messages.external, { domain }), - icon: require('@tabler/icons/outline/external-link.svg'), + icon: require('@phosphor-icons/core/regular/arrow-square-out.svg'), href: status.uri, target: '_blank', }); @@ -902,14 +902,14 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: handleConversationMuteClick, - icon: mutingConversation ? require('@tabler/icons/outline/bell.svg') : require('@tabler/icons/outline/bell-off.svg'), + icon: mutingConversation ? require('@phosphor-icons/core/regular/bell-simple.svg') : require('@phosphor-icons/core/regular/bell-simple-slash.svg'), }); if (!status.in_reply_to_id && features.loadConversation) { menu.push({ text: intl.formatMessage(messages.loadConversation), action: handleLoadConversationClick, - icon: require('@tabler/icons/outline/refresh.svg'), + icon: require('@phosphor-icons/core/regular/arrows-clockwise.svg'), }); } @@ -923,17 +923,17 @@ const MenuButton: React.FC = ({ { text: intl.formatMessage(messages.reblog_visibility_public), action: (e) => handleReblogClick(e, 'public'), - icon: require('@tabler/icons/outline/world.svg'), + icon: require('@phosphor-icons/core/regular/globe.svg'), }, { text: intl.formatMessage(messages.reblog_visibility_unlisted), action: (e) => handleReblogClick(e, 'unlisted'), - icon: require('@tabler/icons/outline/lock-open.svg'), + icon: require('@phosphor-icons/core/regular/lock-open.svg'), }, { text: intl.formatMessage(messages.reblog_visibility_private), action: (e) => handleReblogClick(e, 'private'), - icon: require('@tabler/icons/outline/lock.svg'), + icon: require('@phosphor-icons/core/regular/lock.svg'), }, ], }); @@ -944,7 +944,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(status.pinned ? messages.unpin : messages.pin), action: handlePinClick, - icon: status.pinned ? require('@tabler/icons/outline/pinned-off.svg') : require('@tabler/icons/outline/pin.svg'), + icon: status.pinned ? require('@phosphor-icons/core/regular/push-pin-slash.svg') : require('@phosphor-icons/core/regular/push-pin.svg'), }); } else { if (status.visibility === 'private' || status.visibility === 'mutuals_only') { @@ -959,20 +959,20 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.delete), action: handleDeleteClick, - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); if (features.editStatuses) { menu.push({ text: intl.formatMessage(messages.edit), action: handleEditClick, - icon: require('@tabler/icons/outline/edit.svg'), + icon: require('@phosphor-icons/core/regular/pencil-simple.svg'), }); } else { menu.push({ text: intl.formatMessage(messages.redraft), action: handleRedraftClick, - icon: require('@tabler/icons/outline/edit.svg'), + icon: require('@phosphor-icons/core/regular/pencil-simple.svg'), destructive: true, }); } @@ -993,7 +993,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.direct, { name: username }), action: handleDirectClick, - icon: require('@tabler/icons/outline/mail.svg'), + icon: require('@phosphor-icons/core/regular/envelope-simple.svg'), }); } @@ -1002,17 +1002,17 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.mute, { name: username }), action: handleMuteClick, - icon: require('@tabler/icons/outline/volume-3.svg'), + icon: require('@phosphor-icons/core/regular/speaker-x.svg'), }); menu.push({ text: intl.formatMessage(messages.block, { name: username }), action: handleBlockClick, - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); menu.push({ text: intl.formatMessage(messages.report, { name: username }), action: handleReport, - icon: require('@tabler/icons/outline/flag.svg'), + icon: require('@phosphor-icons/core/regular/flag.svg'), }); } @@ -1034,7 +1034,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.addKnownLanguage, { language: languages[status.language as 'en'] || status.language }), action: handleIgnoreLanguage, - icon: require('@tabler/icons/outline/flag.svg'), + icon: require('@phosphor-icons/core/regular/flag.svg'), }); } @@ -1054,7 +1054,7 @@ const MenuButton: React.FC = ({ menu.push({ text: 'Ban from Group', action: handleBlockFromGroup, - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), destructive: true, }); } @@ -1063,7 +1063,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.groupModDelete), action: handleDeleteFromGroup, - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); } @@ -1075,14 +1075,14 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.adminAccount, { name: username }), to: `/pl-fe/admin/accounts/${status.account_id}`, - icon: require('@tabler/icons/outline/gavel.svg'), + icon: require('@phosphor-icons/core/regular/gavel.svg'), }); if (isAdmin && features.pleromaAdminStatuses) { menu.push({ text: intl.formatMessage(messages.admin_status), href: `/pleroma/admin/#/statuses/${status.id}/`, - icon: require('@tabler/icons/outline/pencil.svg'), + icon: require('@phosphor-icons/core/regular/pencil-simple.svg'), }); } @@ -1090,7 +1090,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(status.sensitive === false ? messages.markStatusSensitive : messages.markStatusNotSensitive), action: handleToggleStatusSensitivity, - icon: require('@tabler/icons/outline/alert-triangle.svg'), + icon: require('@phosphor-icons/core/regular/warning.svg'), }); } @@ -1098,7 +1098,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.redact), action: handleRedactStatus, - icon: require('@tabler/icons/outline/pencil.svg'), + icon: require('@phosphor-icons/core/regular/pencil-simple.svg'), destructive: true, }); } @@ -1107,7 +1107,7 @@ const MenuButton: React.FC = ({ menu.push({ text: intl.formatMessage(messages.deleteStatus), action: handleDeleteStatus, - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); } diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx index 5ce704a12..5db1dbbdb 100644 --- a/packages/pl-fe/src/components/ui/modal.tsx +++ b/packages/pl-fe/src/components/ui/modal.tsx @@ -65,7 +65,7 @@ const Modal = React.forwardRef(({ cancelAction, cancelText, children, - closeIcon = require('@tabler/icons/outline/x.svg'), + closeIcon = require('@phosphor-icons/core/regular/x.svg'), closePosition = 'right', confirmationAction, confirmationDisabled, diff --git a/packages/pl-fe/src/components/ui/streamfield.tsx b/packages/pl-fe/src/components/ui/streamfield.tsx index 0bb65ce4a..1bf94539f 100644 --- a/packages/pl-fe/src/components/ui/streamfield.tsx +++ b/packages/pl-fe/src/components/ui/streamfield.tsx @@ -113,7 +113,7 @@ const Streamfield: React.FC = ({ onRemoveItem(i)} title={intl.formatMessage(messages.remove)} /> diff --git a/packages/pl-fe/src/components/ui/tag.tsx b/packages/pl-fe/src/components/ui/tag.tsx index 91e2e657a..9f977cf01 100644 --- a/packages/pl-fe/src/components/ui/tag.tsx +++ b/packages/pl-fe/src/components/ui/tag.tsx @@ -17,7 +17,7 @@ const Tag: React.FC = ({ tag, onDelete }) => ( onDelete(tag)} /> diff --git a/packages/pl-fe/src/components/ui/toast.tsx b/packages/pl-fe/src/components/ui/toast.tsx index b1c1e5a74..d789ec01f 100644 --- a/packages/pl-fe/src/components/ui/toast.tsx +++ b/packages/pl-fe/src/components/ui/toast.tsx @@ -143,7 +143,7 @@ const Toast = (props: IToast) => { data-testid='toast-dismiss' > - + diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx index 8be6324be..6e167130e 100644 --- a/packages/pl-fe/src/components/upload.tsx +++ b/packages/pl-fe/src/components/upload.tsx @@ -5,11 +5,11 @@ import fileTextIcon from '@tabler/icons/outline/file-text.svg'; import fileZipIcon from '@tabler/icons/outline/file-zip.svg'; import audioIcon from '@tabler/icons/outline/music.svg'; import defaultIcon from '@tabler/icons/outline/paperclip.svg'; -import editIcon from '@tabler/icons/outline/pencil.svg'; +import editIcon from '@phosphor-icons/core/regular/pencil-simple.svg'; import imageIcon from '@tabler/icons/outline/photo.svg'; import presentationIcon from '@tabler/icons/outline/presentation.svg'; import videoIcon from '@tabler/icons/outline/video.svg'; -import xIcon from '@tabler/icons/outline/x.svg'; +import xIcon from '@phosphor-icons/core/regular/x.svg'; import zoomInIcon from '@tabler/icons/outline/zoom-in.svg'; import clsx from 'clsx'; import React from 'react'; diff --git a/packages/pl-fe/src/components/verification-badge.tsx b/packages/pl-fe/src/components/verification-badge.tsx index 886a2c034..a6026a25e 100644 --- a/packages/pl-fe/src/components/verification-badge.tsx +++ b/packages/pl-fe/src/components/verification-badge.tsx @@ -18,7 +18,7 @@ const VerificationBadge: React.FC = ({ className }) => { const plFeConfig = usePlFeConfig(); // Prefer a custom icon if found - const icon = plFeConfig.verifiedIcon || require('@tabler/icons/outline/check.svg'); + const icon = plFeConfig.verifiedIcon || require('@phosphor-icons/core/regular/check.svg'); // Render component based on file extension const Element = icon.endsWith('.svg') ? Icon : 'img'; diff --git a/packages/pl-fe/src/features/account/components/header.tsx b/packages/pl-fe/src/features/account/components/header.tsx index a5cdadc21..0113b71b4 100644 --- a/packages/pl-fe/src/features/account/components/header.tsx +++ b/packages/pl-fe/src/features/account/components/header.tsx @@ -360,14 +360,14 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.profileExternal, { domain }), action: () => onProfileExternal(account.url), - icon: require('@tabler/icons/outline/external-link.svg'), + icon: require('@phosphor-icons/core/regular/arrow-square-out.svg'), }); } menu.push({ text: intl.formatMessage(messages.copy), action: handleCopy, - icon: require('@tabler/icons/outline/clipboard-copy.svg'), + icon: require('@phosphor-icons/core/regular/clipboard.svg'), }); if (!ownAccount) return menu; @@ -376,7 +376,7 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(account.id === ownAccount.id ? messages.searchSelf : messages.search, { name: account.username }), to: '/search?' + new URLSearchParams({ type: 'statuses', accountId: account.id }).toString(), - icon: require('@tabler/icons/outline/search.svg'), + icon: require('@phosphor-icons/core/regular/magnifying-glass.svg'), }); } @@ -404,7 +404,7 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.blocks), to: '/blocks', - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); } else { menu.push({ @@ -417,7 +417,7 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.direct, { name: account.username }), action: onDirect, - icon: require('@tabler/icons/outline/mail.svg'), + icon: require('@phosphor-icons/core/regular/envelope-simple.svg'), }); } @@ -471,7 +471,7 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.loadActivities), action: onLoadActivities, - icon: require('@tabler/icons/outline/refresh.svg'), + icon: require('@phosphor-icons/core/regular/arrows-clockwise.svg'), }); } @@ -503,20 +503,20 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.unblock, { name: account.username }), action: onBlock, - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); } else { menu.push({ text: intl.formatMessage(messages.block, { name: account.username }), action: onBlock, - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); } menu.push({ text: intl.formatMessage(messages.report, { name: account.username }), action: onReport, - icon: require('@tabler/icons/outline/flag.svg'), + icon: require('@phosphor-icons/core/regular/flag.svg'), }); } @@ -529,13 +529,13 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.unblockDomain, { domain }), action: () => onUnblockDomain(domain), - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); } else { menu.push({ text: intl.formatMessage(messages.blockDomain, { domain }), action: () => onBlockDomain(domain), - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); } } @@ -546,7 +546,7 @@ const Header: React.FC = ({ account }) => { menu.push({ text: intl.formatMessage(messages.adminAccount, { name: account.username }), to: `/pl-fe/admin/accounts/${account.id}`, - icon: require('@tabler/icons/outline/gavel.svg'), + icon: require('@phosphor-icons/core/regular/gavel.svg'), }); } diff --git a/packages/pl-fe/src/features/admin/tabs/dashboard.tsx b/packages/pl-fe/src/features/admin/tabs/dashboard.tsx index f328ff1df..a1811b0d9 100644 --- a/packages/pl-fe/src/features/admin/tabs/dashboard.tsx +++ b/packages/pl-fe/src/features/admin/tabs/dashboard.tsx @@ -224,7 +224,7 @@ const Dashboard: React.FC = () => { diff --git a/packages/pl-fe/src/features/admin/tabs/reports.tsx b/packages/pl-fe/src/features/admin/tabs/reports.tsx index f9ad732a4..37881443b 100644 --- a/packages/pl-fe/src/features/admin/tabs/reports.tsx +++ b/packages/pl-fe/src/features/admin/tabs/reports.tsx @@ -44,7 +44,7 @@ const Reports: React.FC = () => { <> {(accountId || targetAccountId) && ( - + = (props) => { className='player-button text-current opacity-[75] hover:text-current hover:opacity-100 focus:text-current focus:opacity-100 active:text-current active:opacity-100' onClick={togglePlay} > - +
= (props) => { download target='_blank' > - +
diff --git a/packages/pl-fe/src/features/chats/components/chat-message.tsx b/packages/pl-fe/src/features/chats/components/chat-message.tsx index 90637674e..e6a4b15b7 100644 --- a/packages/pl-fe/src/features/chats/components/chat-message.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-message.tsx @@ -136,14 +136,14 @@ const ChatMessage = (props: IChatMessage) => { menu.push({ text: intl.formatMessage(messages.delete), action: () => handleDeleteMessage.mutate(chatMessage.id), - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); } else { menu.push({ text: intl.formatMessage(messages.deleteForMe), action: () => handleDeleteMessage.mutate(chatMessage.id), - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); } diff --git a/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx b/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx index 201ac0631..f92e74c64 100644 --- a/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx @@ -113,7 +113,7 @@ const ChatPageMain = () => { const menuItems: Menu = [ { - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), text: intl.formatMessage(isBlocking ? messages.unblockUser : messages.blockUser, { acct: chat.account.acct }), action: isBlocking ? handleUnblockUser : handleBlockUser, }, diff --git a/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx b/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx index 3d05ebb32..027d0b3f6 100644 --- a/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-sidebar.tsx @@ -45,7 +45,7 @@ const ChatPageSidebar = () => { /> diff --git a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx index e5dfe36b7..abaed7f32 100644 --- a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx @@ -103,7 +103,7 @@ const ChatSearch: React.FC = ({ isMainPage = false }) => { append={ ); diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx index 73cf34f7d..973d6ca33 100644 --- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx @@ -122,7 +122,7 @@ const ChatSettings = () => { diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx index 36d357f6a..9a66759be 100644 --- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx @@ -86,7 +86,7 @@ const ChatWindow = () => { } secondaryAction={secondaryAction()} - secondaryActionIcon={isOpen ? require('@tabler/icons/outline/info-circle.svg') : require('@tabler/icons/outline/edit.svg')} + secondaryActionIcon={isOpen ? require('@tabler/icons/outline/info-circle.svg') : require('@phosphor-icons/core/regular/pencil-simple.svg')} isToggleable={!isOpen} isOpen={isOpen} onToggle={toggleChatPane} 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 4531f2fa2..ea68847ad 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 @@ -167,7 +167,7 @@ const EditEvent: React.FC = ({ statusId }) => { {location.description} {[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')} - onChangeLocation(null)} /> + onChangeLocation(null)} /> ); @@ -181,7 +181,7 @@ const EditEvent: React.FC = ({ statusId }) => { {banner ? ( <> - + ) : ( diff --git a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx index c9e2aed78..4aa7c0d3c 100644 --- a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx +++ b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx @@ -161,7 +161,7 @@ const getLanguageDropdown = (composeId: string): React.FC =>
diff --git a/packages/pl-fe/src/features/compose/components/reply-indicator.tsx b/packages/pl-fe/src/features/compose/components/reply-indicator.tsx index 5b28fc604..6ccb8b761 100644 --- a/packages/pl-fe/src/features/compose/components/reply-indicator.tsx +++ b/packages/pl-fe/src/features/compose/components/reply-indicator.tsx @@ -30,7 +30,7 @@ const ReplyIndicator: React.FC = ({ className, status, hideActi if (!hideActions && onCancel) { actions = { onActionClick: handleClick, - actionIcon: require('@tabler/icons/outline/x.svg'), + actionIcon: require('@phosphor-icons/core/regular/x.svg'), actionAlignment: 'top', actionTitle: 'Dismiss', }; diff --git a/packages/pl-fe/src/features/compose/components/schedule-form.tsx b/packages/pl-fe/src/features/compose/components/schedule-form.tsx index 93d86bae8..d5d301373 100644 --- a/packages/pl-fe/src/features/compose/components/schedule-form.tsx +++ b/packages/pl-fe/src/features/compose/components/schedule-form.tsx @@ -83,7 +83,7 @@ const ScheduleForm: React.FC = ({ composeId }) => { diff --git a/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx b/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx index c0312c595..9e13bfd9e 100644 --- a/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx +++ b/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx @@ -63,7 +63,7 @@ const PreviewComposeContainer: React.FC = ({ composeId } - + )} diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx index 16d8c414c..55d2dcbc4 100644 --- a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx +++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx @@ -193,7 +193,7 @@ const FloatingLinkEditor = ({ editor.dispatchCommand(TOGGLE_LINK_COMMAND, null); }} > - + ) : ( @@ -210,7 +210,7 @@ const FloatingLinkEditor = ({ setEditMode(true); }} > - + )} diff --git a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx index 210dcb3a9..f4cc4cbb4 100644 --- a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx +++ b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx @@ -103,7 +103,7 @@ const HeaderPicker = React.forwardRef(({ {onClear && src && ( = ({ status, theme = 'secondary' className='min-w-max' size='sm' theme={theme} - icon={require('@tabler/icons/outline/external-link.svg')} + icon={require('@phosphor-icons/core/regular/arrow-square-out.svg')} href={status.url} > @@ -90,14 +90,14 @@ const EventActionButton: React.FC = ({ status, theme = 'secondary' switch (event.join_state) { case 'accept': buttonLabel = ; - buttonIcon = require('@tabler/icons/outline/check.svg'); + buttonIcon = require('@phosphor-icons/core/regular/check.svg'); break; case 'pending': buttonLabel = ; break; case 'reject': buttonLabel = ; - buttonIcon = require('@tabler/icons/outline/ban.svg'); + buttonIcon = require('@phosphor-icons/core/regular/prohibit.svg'); buttonDisabled = true; break; default: 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 20ff5a528..74412c884 100644 --- a/packages/pl-fe/src/features/event/components/event-header.tsx +++ b/packages/pl-fe/src/features/event/components/event-header.tsx @@ -235,7 +235,7 @@ const EventHeader: React.FC = ({ status }) => { if (features.federating && !account.local) { menu.push({ text: intl.formatMessage(messages.external, { domain }), - icon: require('@tabler/icons/outline/external-link.svg'), + icon: require('@phosphor-icons/core/regular/arrow-square-out.svg'), href: status.uri, target: '_blank', }); @@ -247,7 +247,7 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(status.bookmarked ? messages.unbookmark : messages.bookmark), action: handleBookmarkClick, - icon: status.bookmarked ? require('@tabler/icons/outline/bookmark-off.svg') : require('@tabler/icons/outline/bookmark.svg'), + icon: status.bookmarked ? require('@phosphor-icons/core/regular/bookmark.svg') : require('@phosphor-icons/core/regular/bookmark-simple.svg'), }); } @@ -259,17 +259,17 @@ const EventHeader: React.FC = ({ status }) => { { text: intl.formatMessage(messages.reblog_visibility_public), action: () => handleReblogClick('public'), - icon: require('@tabler/icons/outline/world.svg'), + icon: require('@phosphor-icons/core/regular/globe.svg'), }, { text: intl.formatMessage(messages.reblog_visibility_unlisted), action: () => handleReblogClick('unlisted'), - icon: require('@tabler/icons/outline/lock-open.svg'), + icon: require('@phosphor-icons/core/regular/lock-open.svg'), }, { text: intl.formatMessage(messages.reblog_visibility_private), action: () => handleReblogClick('private'), - icon: require('@tabler/icons/outline/lock.svg'), + icon: require('@phosphor-icons/core/regular/lock.svg'), }, ], } : { @@ -300,14 +300,14 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(status.pinned ? messages.unpin : messages.pin), action: handlePinClick, - icon: status.pinned ? require('@tabler/icons/outline/pinned-off.svg') : require('@tabler/icons/outline/pin.svg'), + icon: status.pinned ? require('@phosphor-icons/core/regular/push-pin-slash.svg') : require('@phosphor-icons/core/regular/push-pin.svg'), }); } menu.push({ text: intl.formatMessage(messages.delete), action: handleDeleteClick, - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); } else { @@ -327,7 +327,7 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(messages.direct, { name: username }), action: handleDirectClick, - icon: require('@tabler/icons/outline/mail.svg'), + icon: require('@phosphor-icons/core/regular/envelope-simple.svg'), }); } @@ -340,12 +340,12 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(messages.block, { name: username }), action: handleBlockClick, - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), }); menu.push({ text: intl.formatMessage(messages.report, { name: username }), action: handleReport, - icon: require('@tabler/icons/outline/flag.svg'), + icon: require('@phosphor-icons/core/regular/flag.svg'), }); } @@ -355,14 +355,14 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(messages.adminAccount, { name: username }), to: `/pl-fe/admin/accounts/${account.id}`, - icon: require('@tabler/icons/outline/gavel.svg'), + icon: require('@phosphor-icons/core/regular/gavel.svg'), }); if (isAdmin && features.pleromaAdminStatuses) { menu.push({ text: intl.formatMessage(messages.adminStatus), action: handleModerateStatus, - icon: require('@tabler/icons/outline/pencil.svg'), + icon: require('@phosphor-icons/core/regular/pencil-simple.svg'), }); } @@ -370,7 +370,7 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(status.sensitive === false ? messages.markStatusSensitive : messages.markStatusNotSensitive), action: handleToggleStatusSensitivity, - icon: require('@tabler/icons/outline/alert-triangle.svg'), + icon: require('@phosphor-icons/core/regular/warning.svg'), }); } @@ -378,7 +378,7 @@ const EventHeader: React.FC = ({ status }) => { menu.push({ text: intl.formatMessage(messages.deleteStatus), action: handleDeleteStatus, - icon: require('@tabler/icons/outline/trash.svg'), + icon: require('@phosphor-icons/core/regular/trash.svg'), destructive: true, }); } diff --git a/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx b/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx index b537c292e..121b8b50d 100644 --- a/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx +++ b/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx @@ -53,7 +53,7 @@ const InstanceRestrictions: React.FC = ({ remoteInstance if (followers_only) { items.push(( - + = ({ remoteInstance )); } else if (federated_timeline_removal) { items.push(( - + { items.push({ text: intl.formatMessage(messages.groupModBlock, { name: account.username }), - icon: require('@tabler/icons/outline/ban.svg'), + icon: require('@phosphor-icons/core/regular/prohibit.svg'), action: handleBlockFromGroup, destructive: true, }); diff --git a/packages/pl-fe/src/features/group/components/group-options-button.tsx b/packages/pl-fe/src/features/group/components/group-options-button.tsx index f11092bec..c738a9872 100644 --- a/packages/pl-fe/src/features/group/components/group-options-button.tsx +++ b/packages/pl-fe/src/features/group/components/group-options-button.tsx @@ -60,7 +60,7 @@ const GroupOptionsButton = ({ group }: IGroupActionButton) => { if (canShare) { items.push({ text: intl.formatMessage(messages.share), - icon: require('@tabler/icons/outline/share.svg'), + icon: require('@phosphor-icons/core/regular/export.svg'), action: handleShare, }); } diff --git a/packages/pl-fe/src/features/group/components/group-privacy.tsx b/packages/pl-fe/src/features/group/components/group-privacy.tsx index 635716b0d..9d2224f71 100644 --- a/packages/pl-fe/src/features/group/components/group-privacy.tsx +++ b/packages/pl-fe/src/features/group/components/group-privacy.tsx @@ -22,8 +22,8 @@ const GroupPrivacy = ({ group }: IGroupPolicy) => ( @@ -54,8 +54,8 @@ const GroupPrivacy = ({ group }: IGroupPolicy) => ( className='size-4' src={ group.locked - ? require('@tabler/icons/outline/lock.svg') - : require('@tabler/icons/outline/world.svg') + ? require('@phosphor-icons/core/regular/lock.svg') + : require('@phosphor-icons/core/regular/globe.svg') } /> diff --git a/packages/pl-fe/src/features/group/components/group-relationship.tsx b/packages/pl-fe/src/features/group/components/group-relationship.tsx index 85351a739..db299822b 100644 --- a/packages/pl-fe/src/features/group/components/group-relationship.tsx +++ b/packages/pl-fe/src/features/group/components/group-relationship.tsx @@ -30,7 +30,7 @@ const GroupRelationship = ({ group }: IGroupRelationship) => { src={ isOwner ? require('@tabler/icons/outline/users.svg') - : require('@tabler/icons/outline/gavel.svg') + : require('@phosphor-icons/core/regular/gavel.svg') } /> diff --git a/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx b/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx index 88e5f540b..4e1b11223 100644 --- a/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx +++ b/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx @@ -42,7 +42,7 @@ const GroupListItem = (props: IGroupListItem) => { diff --git a/packages/pl-fe/src/features/reply-mentions/account.tsx b/packages/pl-fe/src/features/reply-mentions/account.tsx index f316a20ea..132b3ddaa 100644 --- a/packages/pl-fe/src/features/reply-mentions/account.tsx +++ b/packages/pl-fe/src/features/reply-mentions/account.tsx @@ -42,7 +42,7 @@ const Account: React.FC = ({ composeId, accountId, author }) => { let button; if (added) { - button = ; + button = ; } else { button = ; } diff --git a/packages/pl-fe/src/features/status/components/status-type-icon.tsx b/packages/pl-fe/src/features/status/components/status-type-icon.tsx index 4a030df2b..aedd560f8 100644 --- a/packages/pl-fe/src/features/status/components/status-type-icon.tsx +++ b/packages/pl-fe/src/features/status/components/status-type-icon.tsx @@ -21,8 +21,8 @@ const messages: Record = defineMessages({ }); const STATUS_TYPE_ICONS: Record = { - direct: require('@tabler/icons/outline/mail.svg'), - private: require('@tabler/icons/outline/lock.svg'), + direct: require('@phosphor-icons/core/regular/envelope-simple.svg'), + private: require('@phosphor-icons/core/regular/lock.svg'), mutuals_only: require('@tabler/icons/outline/users-group.svg'), local: require('@tabler/icons/outline/affiliate.svg'), list: require('@tabler/icons/outline/list.svg'), diff --git a/packages/pl-fe/src/features/ui/components/action-button.tsx b/packages/pl-fe/src/features/ui/components/action-button.tsx index c0c7e88bb..d3d982839 100644 --- a/packages/pl-fe/src/features/ui/components/action-button.tsx +++ b/packages/pl-fe/src/features/ui/components/action-button.tsx @@ -269,7 +269,7 @@ const ActionButton: React.FC = ({ account, actionType, small = tr size='sm' disabled={blockedBy} theme={isFollowing ? 'secondary' : 'primary'} - icon={blockedBy ? require('@tabler/icons/outline/ban.svg') : (!isFollowing && require('@tabler/icons/outline/plus.svg'))} + icon={blockedBy ? require('@phosphor-icons/core/regular/prohibit.svg') : (!isFollowing && require('@tabler/icons/outline/plus.svg'))} onClick={handleFollow} > {isFollowing ? ( diff --git a/packages/pl-fe/src/features/ui/components/error-column.tsx b/packages/pl-fe/src/features/ui/components/error-column.tsx index b0454b245..718df0439 100644 --- a/packages/pl-fe/src/features/ui/components/error-column.tsx +++ b/packages/pl-fe/src/features/ui/components/error-column.tsx @@ -35,7 +35,7 @@ const ErrorColumn: React.FC = ({ error, onRetry = () => location.r diff --git a/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx index 3273c4fe7..2b536b442 100644 --- a/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx +++ b/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx @@ -43,7 +43,7 @@ const InstanceInfoPanel: React.FC = ({ host }) => { ); diff --git a/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx index e0c55aa00..68e6fa9df 100644 --- a/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx +++ b/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx @@ -35,7 +35,7 @@ const InstanceModerationPanel: React.FC = ({ host }) = const makeMenu = () => [{ text: intl.formatMessage(messages.editFederation), action: handleEditFederation, - icon: require('@tabler/icons/outline/edit.svg'), + icon: require('@phosphor-icons/core/regular/pencil-simple.svg'), }]; const menu = makeMenu(); 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 ba0ca9362..b84e9ec5a 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 @@ -157,7 +157,7 @@ const ProfileInfoPanel: React.FC = ({ account, username }) => {account.locked && ( diff --git a/packages/pl-fe/src/features/ui/components/panels/who-to-follow-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/who-to-follow-panel.tsx index d5fd68df5..c0de9bb02 100644 --- a/packages/pl-fe/src/features/ui/components/panels/who-to-follow-panel.tsx +++ b/packages/pl-fe/src/features/ui/components/panels/who-to-follow-panel.tsx @@ -54,7 +54,7 @@ const WhoToFollowPanel = ({ limit }: IWhoToFollowPanel) => { diff --git a/packages/pl-fe/src/features/ui/components/profile-field.tsx b/packages/pl-fe/src/features/ui/components/profile-field.tsx index b734b555c..0bd0eebef 100644 --- a/packages/pl-fe/src/features/ui/components/profile-field.tsx +++ b/packages/pl-fe/src/features/ui/components/profile-field.tsx @@ -68,7 +68,7 @@ const ProfileField: React.FC = ({ accountId, field, emojis }) => {field.verified_at && ( - + )} diff --git a/packages/pl-fe/src/features/video/index.tsx b/packages/pl-fe/src/features/video/index.tsx index c58909a94..0c43bb4c9 100644 --- a/packages/pl-fe/src/features/video/index.tsx +++ b/packages/pl-fe/src/features/video/index.tsx @@ -516,7 +516,7 @@ const Video: React.FC = ({ onClick={togglePlay} autoFocus={autoFocus} > - +
@@ -559,7 +559,7 @@ const Video: React.FC = ({ className={clsx('player-button', detailed || fullscreen && 'py-2.5')} onClick={toggleFullscreen} > - +
diff --git a/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx b/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx index c0fe0e243..1d54fb8c8 100644 --- a/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx +++ b/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx @@ -32,7 +32,7 @@ const List: React.FC = ({ listId, accountId, added }) => { let button; if (added) { - button = ; + button = ; } else { button = ; } diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx index 4bffa55a4..618379a01 100644 --- a/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx +++ b/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx @@ -23,7 +23,7 @@ const Account: React.FC = ({ accountId, added, onAdd, onRemove }) => { let button; if (added) { - button = onRemove(accountId)} />; + button = onRemove(accountId)} />; } else { button = onAdd(accountId)} />; } diff --git a/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx b/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx index edca3dc38..dfaf8708b 100644 --- a/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx +++ b/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx @@ -108,7 +108,7 @@ const ConfirmationStep: React.FC = ({ group }) => { {('share' in navigator) && ( - )} diff --git a/packages/pl-fe/src/modals/media-modal.tsx b/packages/pl-fe/src/modals/media-modal.tsx index f392f1b16..86b825852 100644 --- a/packages/pl-fe/src/modals/media-modal.tsx +++ b/packages/pl-fe/src/modals/media-modal.tsx @@ -237,7 +237,7 @@ const MediaModal: React.FC = (props) => { > onClose('MEDIA')} theme='dark' className='!p-1.5 hover:scale-105 hover:bg-gray-900' @@ -246,7 +246,7 @@ const MediaModal: React.FC = (props) => { = (props) => { {status && ( diff --git a/packages/pl-fe/src/pages/dashboard/report.tsx b/packages/pl-fe/src/pages/dashboard/report.tsx index c7b7c2f87..291b63606 100644 --- a/packages/pl-fe/src/pages/dashboard/report.tsx +++ b/packages/pl-fe/src/pages/dashboard/report.tsx @@ -223,7 +223,7 @@ const ReportPage: React.FC = (props) => { diff --git a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx index 2348498e6..1e3335d09 100644 --- a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx +++ b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx @@ -221,7 +221,7 @@ const ThemeEditorPage: React.FC = () => { items={[{ text: intl.formatMessage(messages.restore), action: restoreDefaultTheme, - icon: require('@tabler/icons/outline/refresh.svg'), + icon: require('@phosphor-icons/core/regular/arrows-clockwise.svg'), }, { text: intl.formatMessage(messages.import), action: importTheme, @@ -229,7 +229,7 @@ const ThemeEditorPage: React.FC = () => { }, { text: intl.formatMessage(messages.export), action: exportTheme, - icon: require('@tabler/icons/outline/download.svg'), + icon: require('@phosphor-icons/core/regular/download-simple.svg'), }]} />