matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: more icons changes

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-10-13 11:48:19 +02:00
parent d414ae6df1
commit 61a5dbab2e
11 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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'

2
packages/pl-fe/src/components/event-preview.tsx
View File

@ -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>

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

@ -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',

2
packages/pl-fe/src/components/status.tsx
View File

@ -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' />
}

2
packages/pl-fe/src/components/translate-button.tsx
View File

@ -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>
);

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

@ -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';

2
packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
View File

@ -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>

34
packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
View File

@ -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')}
/>
</>
)}

2
packages/pl-fe/src/features/event/components/event-header.tsx
View File

@ -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>

2
packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
View File

@ -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'
/>

2
packages/pl-fe/src/pages/statuses/event-information.tsx
View File

@ -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>