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

nicolium: further migrations

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-03-31 22:54:20 +00:00
parent cf26581477
commit 91f977cabb
3 changed files with 48 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
packages/nicolium/src/components/accounts/profile-stats.tsx
View File

@@ -2,7 +2,6 @@ import { Link } from '@tanstack/react-router';
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Text from '@/components/ui/text';
import { useSettings } from '@/stores/settings';
import { shortNumberFormat } from '@/utils/numbers';
@@ -44,18 +43,11 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
}
return (
<div className='flex flex-wrap items-center gap-x-3'>
<div className='⁂-account-stats'>
{!demetricator && (
<div
className='flex items-center gap-1'
title={intl.formatMessage(messages.statusesCount, { count: account.statuses_count })}
>
<Text theme='primary' weight='bold' size='sm'>
{shortNumberFormat(account.statuses_count)}
</Text>
<Text weight='bold' size='sm'>
<FormattedMessage id='account.statuses' defaultMessage='Statuses' />
</Text>
<div title={intl.formatMessage(messages.statusesCount, { count: account.statuses_count })}>
<strong>{shortNumberFormat(account.statuses_count)}</strong>
<FormattedMessage id='account.statuses' defaultMessage='Statuses' />
</div>
)}
@@ -63,44 +55,22 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
to='/@{$username}/followers'
params={{ username: account.acct }}
onClick={onClickHandler}
title={intl.formatNumber(account.followers_count)}
className='hover:underline'
title={intl.formatMessage(messages.followersCount, { count: account.followers_count })}
>
<div
className='flex items-center gap-1'
title={intl.formatMessage(messages.followersCount, { count: account.followers_count })}
>
{!demetricator && (
<Text theme='primary' weight='bold' size='sm'>
{shortNumberFormat(account.followers_count)}
</Text>
)}
<Text weight='bold' size='sm'>
<FormattedMessage id='account.followers' defaultMessage='Followers' />
</Text>
</div>
{!demetricator && <strong>{shortNumberFormat(account.followers_count)}</strong>}
<FormattedMessage id='account.followers' defaultMessage='Followers' />
</Link>
<Link
to='/@{$username}/following'
params={{ username: account.acct }}
onClick={onClickHandler}
title={intl.formatNumber(account.following_count)}
className='hover:underline'
title={intl.formatMessage(messages.followingCount, { count: account.following_count })}
>
<div
className='flex items-center gap-1'
title={intl.formatMessage(messages.followingCount, { count: account.following_count })}
>
{!demetricator && (
<Text theme='primary' weight='bold' size='sm'>
{shortNumberFormat(account.following_count)}
</Text>
)}
<Text weight='bold' size='sm'>
<FormattedMessage id='account.follows' defaultMessage='Following' />
</Text>
</div>
{!demetricator && <strong>{shortNumberFormat(account.following_count)}</strong>}
<FormattedMessage id='account.follows' defaultMessage='Following' />
</Link>
{account.subscribers_count > 0 && (
@@ -108,24 +78,13 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
to='/@{$username}/subscribers'
params={{ username: account.acct }}
onClick={onClickHandler}
title={intl.formatNumber(account.subscribers_count)}
className='hover:underline'
title={intl.formatMessage(messages.subscribersCount, {
count: account.subscribers_count,
})}
>
<div
className='flex items-center gap-1'
title={intl.formatMessage(messages.subscribersCount, {
count: account.subscribers_count,
})}
>
{!demetricator && (
<Text theme='primary' weight='bold' size='sm'>
{shortNumberFormat(account.subscribers_count)}
</Text>
)}
<Text weight='bold' size='sm'>
<FormattedMessage id='account.subscribers' defaultMessage='Subscribers' />
</Text>
</div>
{!demetricator && <strong>{shortNumberFormat(account.subscribers_count)}</strong>}
<FormattedMessage id='account.subscribers' defaultMessage='Subscribers' />
</Link>
)}
</div>

7
packages/nicolium/src/styles/components/datepicker.scss
View File

@@ -58,7 +58,7 @@
}
.react-datepicker__navigation--next {
@apply right-4;
right: 1rem;
&--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 100px;
@@ -76,12 +76,13 @@
}
.react-datepicker__header__dropdown {
@apply py-4;
padding: 1rem 0;
}
.react-datepicker__day-names,
.react-datepicker__week {
@apply flex justify-between;
display: flex;
justify-content: space-between;
}
.react-datepicker__time {

26
packages/nicolium/src/styles/new/accounts.scss
View File

@@ -42,6 +42,32 @@
}
}
.⁂-account-stats {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
a, div {
display: flex;
gap: 0.25rem;
align-items: center;
@include mixins.text($weight: bold, $size: sm);
strong {
color: rgb(var(--color-primary-600));
.dark * & {
color: rgb(var(--color-primary-400));
}
}
}
a:hover {
text-decoration: underline;
}
}
.⁂-account-card {
display: block;
flex-shrink: 0;