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

nicolium: antenna modal style/ux improvements

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-21 22:43:09 +01:00
parent e28924716d
commit 0b324adc54
1 changed files with 39 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
packages/pl-fe/src/modals/antenna-editor-modal.tsx
View File

@ -72,8 +72,9 @@ interface IAntennaAccountsForm {
const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, excluded = false }) => {
const [searchValue, setSearchValue] = useState('');
const { data: accountIds = [] } = useAntennaAccounts(antennaId);
const { data: excludedAccountIds = [] } = useAntennaExcludedAccounts(antennaId);
const { data: accountIds = [], isFetching: isFetchingAccounts } = useAntennaAccounts(antennaId);
const { data: excludedAccountIds = [], isFetching: isFetchingExcludedAccounts } =
useAntennaExcludedAccounts(antennaId);
const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
following: true,
limit: 5,
@ -105,7 +106,7 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
return (
<Stack space={2}>
{selectedAccountIds.length > 0 ? (
<div>
<div className='min-h-24'>
<CardHeader>
<CardTitle
title={
@ -135,20 +136,26 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
))}
</div>
</div>
) : (excluded ? isFetchingExcludedAccounts : isFetchingAccounts) ? (
<div className='flex min-h-24 items-center justify-center'>
<Spinner />
</div>
) : (
<Text theme='muted' size='sm'>
{excluded ? (
<FormattedMessage
id='empty_column.antenna_excluded_accounts'
defaultMessage='There are no excluded accounts in this antenna. Use search to find users to exclude.'
/>
) : (
<FormattedMessage
id='empty_column.antenna_accounts'
defaultMessage='There are no accounts in this antenna. Use search to find users to add.'
/>
)}
</Text>
<div className='flex min-h-24 items-center justify-center'>
<Text theme='muted' size='sm' align='center'>
{excluded ? (
<FormattedMessage
id='empty_column.antenna_excluded_accounts'
defaultMessage='There are no excluded accounts in this antenna. Use search to find users to exclude.'
/>
) : (
<FormattedMessage
id='empty_column.antenna_accounts'
defaultMessage='There are no accounts in this antenna. Use search to find users to add.'
/>
)}
</Text>
</div>
)}
<div>
@ -268,11 +275,15 @@ const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
</div>
</div>
) : isFetching ? (
<Spinner />
<div className='flex min-h-24 items-center justify-center'>
<Spinner />
</div>
) : (
<Text theme='muted' size='sm'>
{emptyValues}
</Text>
<div className='flex min-h-24 items-center justify-center'>
<Text theme='muted' size='sm' align='center'>
{emptyValues}
</Text>
</div>
)}
<Form onSubmit={handleAdd}>
@ -319,11 +330,15 @@ const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
</div>
</div>
) : isFetching ? (
<Spinner />
<div className='flex min-h-24 items-center justify-center'>
<Spinner />
</div>
) : (
<Text theme='muted' size='sm'>
{emptyExcludedValues}
</Text>
<div className='flex min-h-24 items-center justify-center'>
<Text theme='muted' size='sm' align='center'>
{emptyExcludedValues}
</Text>
</div>
)}
<Form onSubmit={handleAddExcluded}>