From b3670b4427e74d9e1bd3053cc36de09f3426216e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= Date: Mon, 13 Oct 2025 12:44:14 +0200 Subject: [PATCH] pl-fe: update 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/location-search.tsx | 2 +- .../pl-fe/src/components/media-gallery.tsx | 4 +- .../src/components/polls/poll-option.tsx | 2 +- .../pl-fe/src/components/preview-card.tsx | 4 +- packages/pl-fe/src/components/scrobble.tsx | 2 +- .../src/components/scroll-top-button.tsx | 2 +- packages/pl-fe/src/components/status.tsx | 2 +- .../statuses/sensitive-content-overlay.tsx | 4 +- .../pl-fe/src/components/trending-link.tsx | 2 +- .../pl-fe/src/components/ui/accordion.tsx | 2 +- packages/pl-fe/src/components/ui/input.tsx | 2 +- packages/pl-fe/src/components/ui/toast.tsx | 6 +- packages/pl-fe/src/components/ui/widget.tsx | 2 +- .../pl-fe/src/components/upload-progress.tsx | 2 +- packages/pl-fe/src/components/upload.tsx | 67 +++++++++++-------- .../auth-login/components/consumer-button.tsx | 14 ++-- .../pl-fe/src/features/birthdays/account.tsx | 2 +- .../chats/components/chat-composer.tsx | 2 +- .../chats/components/chat-list-item.tsx | 2 +- .../chats/components/chat-message.tsx | 2 +- .../chat-page/components/chat-page-main.tsx | 4 +- .../chats/components/chat-upload-preview.tsx | 2 +- .../components/chat-widget/chat-settings.tsx | 2 +- .../components/chat-widget/chat-window.tsx | 2 +- .../chats/components/shoutbox-composer.tsx | 2 +- .../compose/components/language-dropdown.tsx | 6 +- .../containers/preview-compose-container.tsx | 2 +- .../compose/editor/nodes/image-component.tsx | 2 +- .../floating-text-format-toolbar-plugin.tsx | 2 +- .../components/crypto-address.tsx | 2 +- .../event/components/event-header.tsx | 2 +- .../components/instance-restrictions.tsx | 2 +- packages/pl-fe/src/features/forms/index.tsx | 2 +- .../group/components/group-options-button.tsx | 2 +- .../group/components/group-relationship.tsx | 2 +- .../steps/avatar-selection-step.tsx | 2 +- .../steps/cover-photo-selection-step.tsx | 2 +- .../onboarding/steps/fediverse-step.tsx | 2 +- .../src/features/reply-mentions/account.tsx | 2 +- .../status/components/detailed-status.tsx | 2 +- .../status/components/status-type-icon.tsx | 6 +- .../features/ui/components/action-button.tsx | 4 +- .../features/ui/components/compose-button.tsx | 4 +- .../panels/instance-moderation-panel.tsx | 2 +- .../components/panels/profile-info-panel.tsx | 2 +- .../ui/components/profile-dropdown.tsx | 4 +- packages/pl-fe/src/layouts/group-layout.tsx | 2 +- packages/pl-fe/src/modals/alt-text-modal.tsx | 2 +- packages/pl-fe/src/modals/event-map-modal.tsx | 2 +- .../list-adder-modal/components/list.tsx | 2 +- .../list-editor-modal/components/account.tsx | 2 +- .../list-editor-modal/components/search.tsx | 2 +- .../steps/confirmation-step.tsx | 2 +- packages/pl-fe/src/modals/media-modal.tsx | 4 +- .../report-modal/steps/other-actions-step.tsx | 2 +- .../modals/select-bookmark-folder-modal.tsx | 6 +- .../src/pages/accounts/account-gallery.tsx | 2 +- .../src/pages/dashboard/announcements.tsx | 2 +- .../pl-fe/src/pages/dashboard/domains.tsx | 2 +- packages/pl-fe/src/pages/dashboard/report.tsx | 2 +- packages/pl-fe/src/pages/dashboard/rules.tsx | 2 +- packages/pl-fe/src/pages/fun/circle.tsx | 2 +- packages/pl-fe/src/pages/groups/groups.tsx | 2 +- packages/pl-fe/src/pages/settings/aliases.tsx | 4 +- .../pages/status-lists/bookmark-folders.tsx | 4 +- .../src/pages/status-lists/bookmarks.tsx | 2 +- .../src/pages/statuses/event-information.tsx | 2 +- packages/pl-fe/src/pages/statuses/status.tsx | 2 +- .../src/pages/timelines/circle-timeline.tsx | 2 +- .../src/pages/timelines/group-timeline.tsx | 2 +- .../src/pages/timelines/list-timeline.tsx | 2 +- 71 files changed, 133 insertions(+), 122 deletions(-) diff --git a/packages/pl-fe/src/components/location-search.tsx b/packages/pl-fe/src/components/location-search.tsx index bd42b8397..c78e5bf24 100644 --- a/packages/pl-fe/src/components/location-search.tsx +++ b/packages/pl-fe/src/components/location-search.tsx @@ -68,7 +68,7 @@ const LocationSearch: React.FC = ({ onSelected }) => { />
- +
); diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx index c1094e130..31593079d 100644 --- a/packages/pl-fe/src/components/media-gallery.tsx +++ b/packages/pl-fe/src/components/media-gallery.tsx @@ -149,7 +149,7 @@ const Item: React.FC = ({ const attachmentIcon = ( ); @@ -342,7 +342,7 @@ const MediaGallery: React.FC = (props) => { handleClick(index)}> {attachment.description || { diff --git a/packages/pl-fe/src/components/polls/poll-option.tsx b/packages/pl-fe/src/components/polls/poll-option.tsx index 2fd82a992..1e8a9ec96 100644 --- a/packages/pl-fe/src/components/polls/poll-option.tsx +++ b/packages/pl-fe/src/components/polls/poll-option.tsx @@ -147,7 +147,7 @@ const PollOption: React.FC = (props): JSX.Element | null => { {voted ? ( diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx index dbef96a4c..276541210 100644 --- a/packages/pl-fe/src/components/preview-card.tsx +++ b/packages/pl-fe/src/components/preview-card.tsx @@ -142,7 +142,7 @@ const PreviewCard: React.FC = ({ )} - + {card.provider_name} @@ -179,7 +179,7 @@ const PreviewCard: React.FC = ({ let iconVariant = require('@phosphor-icons/core/regular/play.svg'); if (card.type === 'photo') { - iconVariant = require('@tabler/icons/outline/zoom-in.svg'); + iconVariant = require('@phosphor-icons/core/regular/magnifying-glass-plus.svg'); } embed = ( diff --git a/packages/pl-fe/src/components/scrobble.tsx b/packages/pl-fe/src/components/scrobble.tsx index 088ca4ccf..ee10d3d5b 100644 --- a/packages/pl-fe/src/components/scrobble.tsx +++ b/packages/pl-fe/src/components/scrobble.tsx @@ -36,7 +36,7 @@ const Scrobble: React.FC = ({ scrobble }) => { return ( diff --git a/packages/pl-fe/src/components/scroll-top-button.tsx b/packages/pl-fe/src/components/scroll-top-button.tsx index 78b0c2d9b..3fc693870 100644 --- a/packages/pl-fe/src/components/scroll-top-button.tsx +++ b/packages/pl-fe/src/components/scroll-top-button.tsx @@ -95,7 +95,7 @@ const ScrollTopButton: React.FC = ({ > diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx index 5a348161a..af377a828 100644 --- a/packages/pl-fe/src/components/status.tsx +++ b/packages/pl-fe/src/components/status.tsx @@ -298,7 +298,7 @@ const Status: React.FC = (props) => { return ( } + icon={} text={ {intl.formatMessage(messages.show)} diff --git a/packages/pl-fe/src/components/trending-link.tsx b/packages/pl-fe/src/components/trending-link.tsx index cd5b5fa62..6e64591a1 100644 --- a/packages/pl-fe/src/components/trending-link.tsx +++ b/packages/pl-fe/src/components/trending-link.tsx @@ -50,7 +50,7 @@ const TrendingLink: React.FC = ({ trendingLink }) => { - + {trendingLink.provider_name} diff --git a/packages/pl-fe/src/components/ui/accordion.tsx b/packages/pl-fe/src/components/ui/accordion.tsx index 922a90995..8e2bdc017 100644 --- a/packages/pl-fe/src/components/ui/accordion.tsx +++ b/packages/pl-fe/src/components/ui/accordion.tsx @@ -61,7 +61,7 @@ const Accordion: React.FC = ({ headline, children, menu, expanded = {menu && ( )} {action && actionIcon && ( diff --git a/packages/pl-fe/src/components/ui/input.tsx b/packages/pl-fe/src/components/ui/input.tsx index b8450a973..97a81111a 100644 --- a/packages/pl-fe/src/components/ui/input.tsx +++ b/packages/pl-fe/src/components/ui/input.tsx @@ -123,7 +123,7 @@ const Input = React.forwardRef( className='h-full px-2 text-gray-700 hover:text-gray-500 focus:ring-2 focus:ring-primary-500 dark:text-gray-600 dark:hover:text-gray-400' > diff --git a/packages/pl-fe/src/components/ui/toast.tsx b/packages/pl-fe/src/components/ui/toast.tsx index d789ec01f..9bf25cb2c 100644 --- a/packages/pl-fe/src/components/ui/toast.tsx +++ b/packages/pl-fe/src/components/ui/toast.tsx @@ -42,7 +42,7 @@ const Toast = (props: IToast) => { case 'success': return ( @@ -50,7 +50,7 @@ const Toast = (props: IToast) => { case 'info': return ( @@ -58,7 +58,7 @@ const Toast = (props: IToast) => { case 'error': return ( diff --git a/packages/pl-fe/src/components/ui/widget.tsx b/packages/pl-fe/src/components/ui/widget.tsx index 845a430db..a558dd5e5 100644 --- a/packages/pl-fe/src/components/ui/widget.tsx +++ b/packages/pl-fe/src/components/ui/widget.tsx @@ -42,7 +42,7 @@ const Widget: React.FC = ({ title, children, onActionClick, - actionIcon = require('@tabler/icons/outline/arrow-right.svg'), + actionIcon = require('@phosphor-icons/core/regular/arrow-right.svg'), actionTitle, action, }): JSX.Element => ( diff --git a/packages/pl-fe/src/components/upload-progress.tsx b/packages/pl-fe/src/components/upload-progress.tsx index 80d7e7943..7d5dd79d6 100644 --- a/packages/pl-fe/src/components/upload-progress.tsx +++ b/packages/pl-fe/src/components/upload-progress.tsx @@ -16,7 +16,7 @@ interface IUploadProgress { const UploadProgress: React.FC = ({ progress }) => ( diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx index e9102fbe2..5ad7d4c06 100644 --- a/packages/pl-fe/src/components/upload.tsx +++ b/packages/pl-fe/src/components/upload.tsx @@ -1,16 +1,25 @@ +import bookIcon from '@phosphor-icons/core/regular/book.svg'; +import fileArchiveIcon from '@phosphor-icons/core/regular/file-archive.svg'; +import fileCodeIcon from '@phosphor-icons/core/regular/file-code.svg'; +import fileCSSIcon from '@phosphor-icons/core/regular/file-css.svg'; +import fileDocIcon from '@phosphor-icons/core/regular/file-doc.svg'; +import fileHtmlIcon from '@phosphor-icons/core/regular/file-html.svg'; +import fileJSIcon from '@phosphor-icons/core/regular/file-js.svg'; +import filePdfIcon from '@phosphor-icons/core/regular/file-pdf.svg'; +import filePptIcon from '@phosphor-icons/core/regular/file-ppt.svg'; +import filePythonIcon from '@phosphor-icons/core/regular/file-py.svg'; +import fileTextIcon from '@phosphor-icons/core/regular/file-text.svg'; +import fileXlsIcon from '@phosphor-icons/core/regular/file-xls.svg'; +import fileZipIcon from '@phosphor-icons/core/regular/file-zip.svg'; +import imageIcon from '@phosphor-icons/core/regular/image.svg'; +import zoomInIcon from '@phosphor-icons/core/regular/magnifying-glass-plus.svg'; +import audioIcon from '@phosphor-icons/core/regular/music-notes-simple.svg'; +import defaultIcon from '@phosphor-icons/core/regular/paperclip.svg'; import editIcon from '@phosphor-icons/core/regular/pencil-simple.svg'; +import presentationIcon from '@phosphor-icons/core/regular/presentation.svg'; +import spreadsheetIcon from '@phosphor-icons/core/regular/table.svg'; +import videoIcon from '@phosphor-icons/core/regular/video.svg'; import xIcon from '@phosphor-icons/core/regular/x.svg'; -import bookIcon from '@tabler/icons/outline/book.svg'; -import fileCodeIcon from '@tabler/icons/outline/file-code.svg'; -import fileSpreadsheetIcon from '@tabler/icons/outline/file-spreadsheet.svg'; -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 imageIcon from '@tabler/icons/outline/photo.svg'; -import presentationIcon from '@tabler/icons/outline/presentation.svg'; -import videoIcon from '@tabler/icons/outline/video.svg'; -import zoomInIcon from '@tabler/icons/outline/zoom-in.svg'; import clsx from 'clsx'; import React from 'react'; import { defineMessages, useIntl } from 'react-intl'; @@ -27,36 +36,38 @@ import { useModalsStore } from 'pl-fe/stores/modals'; import type { MediaAttachment } from 'pl-api'; const MIMETYPE_ICONS: Record = { - 'application/x-freearc': fileZipIcon, - 'application/x-bzip': fileZipIcon, - 'application/x-bzip2': fileZipIcon, - 'application/gzip': fileZipIcon, - 'application/vnd.rar': fileZipIcon, - 'application/x-tar': fileZipIcon, + 'application/x-freearc': fileArchiveIcon, + 'application/x-bzip': fileArchiveIcon, + 'application/x-bzip2': fileArchiveIcon, + 'application/gzip': fileArchiveIcon, + 'application/vnd.rar': fileArchiveIcon, + 'application/x-tar': fileArchiveIcon, 'application/zip': fileZipIcon, - 'application/x-7z-compressed': fileZipIcon, - 'application/x-csh': fileCodeIcon, - 'application/html': fileCodeIcon, - 'text/javascript': fileCodeIcon, + 'application/x-7z-compressed': fileArchiveIcon, + 'application/x-csh': fileCSSIcon, + 'application/html': fileHtmlIcon, + 'text/javascript': fileJSIcon, + 'application/javascript': fileJSIcon, 'application/json': fileCodeIcon, 'application/ld+json': fileCodeIcon, 'application/x-httpd-php': fileCodeIcon, 'application/x-sh': fileCodeIcon, 'application/xhtml+xml': fileCodeIcon, 'application/xml': fileCodeIcon, + 'text/x-script.python': filePythonIcon, 'application/epub+zip': bookIcon, - 'application/vnd.oasis.opendocument.spreadsheet': fileSpreadsheetIcon, - 'application/vnd.ms-excel': fileSpreadsheetIcon, - 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': fileSpreadsheetIcon, - 'application/pdf': fileTextIcon, + 'application/vnd.oasis.opendocument.spreadsheet': spreadsheetIcon, + 'application/vnd.ms-excel': fileXlsIcon, + 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': fileXlsIcon, + 'application/pdf': filePdfIcon, 'application/vnd.oasis.opendocument.presentation': presentationIcon, - 'application/vnd.ms-powerpoint': presentationIcon, + 'application/vnd.ms-powerpoint': filePptIcon, 'application/vnd.openxmlformats-officedocument.presentationml.presentation': presentationIcon, 'text/plain': fileTextIcon, 'application/rtf': fileTextIcon, - 'application/msword': fileTextIcon, + 'application/msword': fileDocIcon, 'application/x-abiword': fileTextIcon, - 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': fileTextIcon, + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': fileDocIcon, 'application/vnd.oasis.opendocument.text': fileTextIcon, image: imageIcon, video: videoIcon, diff --git a/packages/pl-fe/src/features/auth-login/components/consumer-button.tsx b/packages/pl-fe/src/features/auth-login/components/consumer-button.tsx index cad71f2ee..6a4dc3685 100644 --- a/packages/pl-fe/src/features/auth-login/components/consumer-button.tsx +++ b/packages/pl-fe/src/features/auth-login/components/consumer-button.tsx @@ -13,12 +13,12 @@ const messages = defineMessages({ /** Map between OAuth providers and brand icons. */ const BRAND_ICONS: Record = { - twitter: require('@tabler/icons/outline/brand-twitter.svg'), - facebook: require('@tabler/icons/outline/brand-facebook.svg'), - google: require('@tabler/icons/outline/brand-google.svg'), - microsoft: require('@tabler/icons/outline/brand-windows.svg'), - slack: require('@tabler/icons/outline/brand-slack.svg'), - github: require('@tabler/icons/outline/brand-github.svg'), + twitter: require('@phosphor-icons/core/regular/twitter-logo.svg'), + facebook: require('@phosphor-icons/core/regular/facebook-logo.svg'), + google: require('@phosphor-icons/core/regular/google-logo.svg'), + microsoft: require('@phosphor-icons/core/regular/squares-four.svg'), + slack: require('@phosphor-icons/core/regular/slack-logo.svg'), + github: require('@phosphor-icons/core/regular/github-logo.svg'), }; interface IConsumerButton { @@ -30,7 +30,7 @@ const ConsumerButton: React.FC = ({ provider }) => { const intl = useIntl(); const dispatch = useAppDispatch(); - const icon = BRAND_ICONS[provider] || require('@tabler/icons/outline/key.svg'); + const icon = BRAND_ICONS[provider] || require('@phosphor-icons/core/regular/key.svg'); const handleClick = () => { dispatch(prepareRequest(provider)); diff --git a/packages/pl-fe/src/features/birthdays/account.tsx b/packages/pl-fe/src/features/birthdays/account.tsx index 3c32d7eff..651fa9c35 100644 --- a/packages/pl-fe/src/features/birthdays/account.tsx +++ b/packages/pl-fe/src/features/birthdays/account.tsx @@ -36,7 +36,7 @@ const Account: React.FC = ({ accountId }) => { date: formattedBirthday, })} > - + {formattedBirthday} diff --git a/packages/pl-fe/src/features/chats/components/chat-composer.tsx b/packages/pl-fe/src/features/chats/components/chat-composer.tsx index ed0c7b39c..11a37538f 100644 --- a/packages/pl-fe/src/features/chats/components/chat-composer.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-composer.tsx @@ -233,7 +233,7 @@ const ChatComposer = React.forwardRef ) : null} = ({ chat, onClick }) => { }, }); }, - icon: require('@tabler/icons/outline/logout.svg'), + icon: require('@phosphor-icons/core/regular/sign-out.svg'), }], []); const handleKeyDown: React.KeyboardEventHandler = (event) => { 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 53cc96345..af44feb62 100644 --- a/packages/pl-fe/src/features/chats/components/chat-message.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-message.tsx @@ -128,7 +128,7 @@ const ChatMessage = (props: IChatMessage) => { menu.push({ text: intl.formatMessage(messages.copy), action: () => handleCopyText(chatMessage), - icon: require('@tabler/icons/outline/copy.svg'), + icon: require('@phosphor-icons/core/regular/clipboard.svg'), }); } 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 f92e74c64..11763318d 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 @@ -120,7 +120,7 @@ const ChatPageMain = () => { ]; if (features.chatsDelete) menuItems.push({ - icon: require('@tabler/icons/outline/logout.svg'), + icon: require('@phosphor-icons/core/regular/sign-out.svg'), text: intl.formatMessage(messages.leaveChat), action: handleLeaveChat, }); @@ -154,7 +154,7 @@ const ChatPageMain = () => { ( diff --git a/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx b/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx index 4f7bac9b6..016d29b4f 100644 --- a/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx +++ b/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx @@ -5,7 +5,7 @@ import { MIMETYPE_ICONS } from 'pl-fe/components/upload'; import type { MediaAttachment } from 'pl-api'; -const defaultIcon = require('@tabler/icons/outline/paperclip.svg'); +const defaultIcon = require('@phosphor-icons/core/regular/paperclip.svg'); interface IChatUploadPreview { className?: string; 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 973d6ca33..f52315f42 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 @@ -128,7 +128,7 @@ const ChatSettings = () => { {features.chatsDelete && ( )} 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 9a66759be..f415213d5 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('@phosphor-icons/core/regular/pencil-simple.svg')} + secondaryActionIcon={isOpen ? require('@phosphor-icons/core/regular/info.svg') : require('@phosphor-icons/core/regular/pencil-simple.svg')} isToggleable={!isOpen} isOpen={isOpen} onToggle={toggleChatPane} diff --git a/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx b/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx index b761d739e..443d2028f 100644 --- a/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx +++ b/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx @@ -94,7 +94,7 @@ const ShoutboxComposer = React.forwardRef =>
@@ -200,11 +200,11 @@ const getLanguageDropdown = (composeId: string): React.FC => {features.multiLanguage && !!language && !active && ( code in textMap ? ( ) : ( ) )} 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 9e13bfd9e..8658eb82e 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 @@ -57,7 +57,7 @@ const PreviewComposeContainer: React.FC = ({ composeId } - + diff --git a/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx b/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx index 0be26ea3a..5d82e3f37 100644 --- a/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx +++ b/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx @@ -313,7 +313,7 @@ const ImageComponent = ({ = (props): JSX.Element => { - + 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 2ced6a501..5c98187a0 100644 --- a/packages/pl-fe/src/features/event/components/event-header.tsx +++ b/packages/pl-fe/src/features/event/components/event-header.tsx @@ -228,7 +228,7 @@ const EventHeader: React.FC = ({ status }) => { { text: intl.formatMessage(messages.copy), action: handleCopy, - icon: require('@tabler/icons/outline/link.svg'), + icon: require('@phosphor-icons/core/regular/link-simple.svg'), }, ]; 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 121b8b50d..67542e2c2 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 @@ -93,7 +93,7 @@ const InstanceRestrictions: React.FC = ({ remoteInstance if (!fullMediaRemoval && media_nsfw) { items.push(( - + = (props) => { onRemove={handleChange} displayValue='value' disable={disabled} - customCloseIcon={} + customCloseIcon={} placeholder={intl.formatMessage(messages.selectPlaceholder)} emptyRecordMsg={intl.formatMessage(messages.selectNoOptions)} /> 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 db872b2de..558bee285 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 @@ -69,7 +69,7 @@ const GroupOptionsButton = ({ group }: IGroupActionButton) => { items.push(null); items.push({ text: intl.formatMessage(messages.leave), - icon: require('@tabler/icons/outline/logout.svg'), + icon: require('@phosphor-icons/core/regular/sign-out.svg'), action: handleLeave, }); } 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 db299822b..35d97856d 100644 --- a/packages/pl-fe/src/features/group/components/group-relationship.tsx +++ b/packages/pl-fe/src/features/group/components/group-relationship.tsx @@ -29,7 +29,7 @@ const GroupRelationship = ({ group }: IGroupRelationship) => { className='size-4' src={ isOwner - ? require('@tabler/icons/outline/users.svg') + ? require('@phosphor-icons/core/regular/users.svg') : require('@phosphor-icons/core/regular/gavel.svg') } /> diff --git a/packages/pl-fe/src/features/onboarding/steps/avatar-selection-step.tsx b/packages/pl-fe/src/features/onboarding/steps/avatar-selection-step.tsx index fd0bbba5b..bb696818b 100644 --- a/packages/pl-fe/src/features/onboarding/steps/avatar-selection-step.tsx +++ b/packages/pl-fe/src/features/onboarding/steps/avatar-selection-step.tsx @@ -93,7 +93,7 @@ const AvatarSelectionStep = ({ onNext }: { onNext: () => void }) => { })} disabled={isSubmitting} > - + diff --git a/packages/pl-fe/src/features/onboarding/steps/cover-photo-selection-step.tsx b/packages/pl-fe/src/features/onboarding/steps/cover-photo-selection-step.tsx index 422660b4a..84d4fa940 100644 --- a/packages/pl-fe/src/features/onboarding/steps/cover-photo-selection-step.tsx +++ b/packages/pl-fe/src/features/onboarding/steps/cover-photo-selection-step.tsx @@ -107,7 +107,7 @@ const CoverPhotoSelectionStep = ({ onNext }: { onNext: () => void }) => { })} disabled={isSubmitting} > - + diff --git a/packages/pl-fe/src/features/onboarding/steps/fediverse-step.tsx b/packages/pl-fe/src/features/onboarding/steps/fediverse-step.tsx index 46b0fbe78..b58e74597 100644 --- a/packages/pl-fe/src/features/onboarding/steps/fediverse-step.tsx +++ b/packages/pl-fe/src/features/onboarding/steps/fediverse-step.tsx @@ -18,7 +18,7 @@ const FediverseStep = ({ onNext }: { onNext: () => void }) => { - + = ({ composeId, accountId, author }) => { if (added) { button = ; } else { - button = ; + button = ; } return ( diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx index 4990e970b..f46375a72 100644 --- a/packages/pl-fe/src/features/status/components/detailed-status.tsx +++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx @@ -48,7 +48,7 @@ const DetailedStatus: React.FC = ({ avatarSize={42} icon={ } 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 6713e8c7c..db9f41733 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 @@ -23,10 +23,10 @@ const messages: Record = defineMessages({ const STATUS_TYPE_ICONS: Record = { 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'), + mutuals_only: require('@phosphor-icons/core/regular/users-three.svg'), + local: require('@phosphor-icons/core/regular/planet.svg'), list: require('@phosphor-icons/core/regular/list-bullets.svg'), - subscribers: require('@tabler/icons/outline/coin.svg'), + subscribers: require('@phosphor-icons/core/regular/coins.svg'), }; const StatusTypeIcon: React.FC = React.memo(({ visibility }) => { 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 d3d982839..de6292a74 100644 --- a/packages/pl-fe/src/features/ui/components/action-button.tsx +++ b/packages/pl-fe/src/features/ui/components/action-button.tsx @@ -188,7 +188,7 @@ const ActionButton: React.FC = ({ account, actionType, small = tr return ( 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 eeb9d614e..b7d0925dd 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 @@ -34,7 +34,7 @@ const List: React.FC = ({ listId, accountId, added }) => { if (added) { button = ; } else { - button = ; + button = ; } return ( 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 618379a01..8379e9a78 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 @@ -25,7 +25,7 @@ const Account: React.FC = ({ accountId, added, onAdd, onRemove }) => { if (added) { button = onRemove(accountId)} />; } else { - button = onAdd(accountId)} />; + button = onAdd(accountId)} />; } return ( diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx index 2b107420d..3ecc6afb1 100644 --- a/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx +++ b/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx @@ -54,7 +54,7 @@ const Search: React.FC = ({ value, onSubmit }) => { onSubmit(''); }} > - + 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 dfaf8708b..0251f3bde 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 @@ -113,7 +113,7 @@ const ConfirmationStep: React.FC = ({ group }) => { )} - diff --git a/packages/pl-fe/src/modals/media-modal.tsx b/packages/pl-fe/src/modals/media-modal.tsx index 86b825852..34eee6724 100644 --- a/packages/pl-fe/src/modals/media-modal.tsx +++ b/packages/pl-fe/src/modals/media-modal.tsx @@ -278,7 +278,7 @@ const MediaModal: React.FC = (props) => { onClick={handlePrevClick} aria-label={intl.formatMessage(messages.previous)} > - + )} @@ -300,7 +300,7 @@ const MediaModal: React.FC = (props) => { onClick={handleNextClick} aria-label={intl.formatMessage(messages.next)} > - + )} diff --git a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx index ae70bef83..82844162e 100644 --- a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx +++ b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx @@ -103,7 +103,7 @@ const OtherActionsStep = ({ ) : ( - diff --git a/packages/pl-fe/src/pages/groups/groups.tsx b/packages/pl-fe/src/pages/groups/groups.tsx index aa2d7dead..76294bba6 100644 --- a/packages/pl-fe/src/pages/groups/groups.tsx +++ b/packages/pl-fe/src/pages/groups/groups.tsx @@ -57,7 +57,7 @@ const Groups: React.FC = () => { {!(!isLoading && groups.length === 0) && ( diff --git a/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx b/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx index 18fc47608..c4b15b753 100644 --- a/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx +++ b/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx @@ -99,7 +99,7 @@ const BookmarkFoldersPage: React.FC = () => { to='/bookmarks/all' label={ - + } @@ -116,7 +116,7 @@ const BookmarkFoldersPage: React.FC = () => { src={folder.emoji_url || undefined} className='size-5 flex-none' /> - ) : } + ) : } {folder.name} } diff --git a/packages/pl-fe/src/pages/status-lists/bookmarks.tsx b/packages/pl-fe/src/pages/status-lists/bookmarks.tsx index b5ac775ae..2564ce180 100644 --- a/packages/pl-fe/src/pages/status-lists/bookmarks.tsx +++ b/packages/pl-fe/src/pages/status-lists/bookmarks.tsx @@ -86,7 +86,7 @@ const BookmarksPage: React.FC = ({ params }) => { return ( } + action={} > = ({ params }) => { {status.event.links.map(link => ( - + {(link.remote_url || link.url).replace(/^https?:\/\//, '')} diff --git a/packages/pl-fe/src/pages/statuses/status.tsx b/packages/pl-fe/src/pages/statuses/status.tsx index db1e4640f..14a0dc683 100644 --- a/packages/pl-fe/src/pages/statuses/status.tsx +++ b/packages/pl-fe/src/pages/statuses/status.tsx @@ -143,7 +143,7 @@ const StatusPage: React.FC = (props) => { } + action={} > setExpandAllStatuses(() => fn)} /> diff --git a/packages/pl-fe/src/pages/timelines/circle-timeline.tsx b/packages/pl-fe/src/pages/timelines/circle-timeline.tsx index 6166218c4..71fe896bc 100644 --- a/packages/pl-fe/src/pages/timelines/circle-timeline.tsx +++ b/packages/pl-fe/src/pages/timelines/circle-timeline.tsx @@ -95,7 +95,7 @@ const CircleTimelinePage: React.FC = () => { return ( } + action={} > = (props) => {
diff --git a/packages/pl-fe/src/pages/timelines/list-timeline.tsx b/packages/pl-fe/src/pages/timelines/list-timeline.tsx index c1b3792e4..8ef9f48cf 100644 --- a/packages/pl-fe/src/pages/timelines/list-timeline.tsx +++ b/packages/pl-fe/src/pages/timelines/list-timeline.tsx @@ -98,7 +98,7 @@ const ListTimelinePage: React.FC = () => { return ( } + action={} >