duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Small fix for Purse

Browse Source 
It will now always so first seasonal 0 then 5 after that it will generate the rest
This commit is contained in:
DuckieTM 2025-03-09 18:57:31 +01:00
parent 187b1b39d3
commit c3bc077d46
1 changed files with 36 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/purse/views/SeasonalView.tsx
View File

@ -2,26 +2,53 @@ import { FC } from 'react';
import { GetConfiguration, LocalizeFormattedNumber, LocalizeText } from '../../../api'; import { GetConfiguration, LocalizeFormattedNumber, LocalizeText } from '../../../api';
import { Flex, LayoutCurrencyIcon, Text } from '../../../common'; import { Flex, LayoutCurrencyIcon, Text } from '../../../common';
interface SeasonalViewProps interface SeasonalViewProps {
{
type: number; type: number;
amount: number; amount: number;
} }
export const SeasonalView: FC<SeasonalViewProps> = props => // Individual currency display component
{ export const SeasonalView: FC<SeasonalViewProps> = props => {
const { type = -1, amount = -1 } = props; const { type = -1, amount = -1 } = props;
return ( return (
<Flex fullWidth justifyContent="between" className={ 'nitro-purse-seasonal-currency nitro-notification ' + GetConfiguration<boolean>('currency.seasonal.color') }> <Flex fullWidth justifyContent="between" className={`nitro-purse-seasonal-currency nitro-notification ${GetConfiguration<boolean>('currency.seasonal.color')}`} >
<Flex fullWidth> <Flex fullWidth>
<Text bold truncate fullWidth variant="white" className="seasonal-padding seasonal-bold">{ LocalizeText(`purse.seasonal.currency.${ type }`) }</Text> <Text bold truncate fullWidth variant="white" className="seasonal-padding seasonal-bold" >
<Text bold truncate variant="white" className="seasonal-amount text-end" title={ amount > 99999 ? LocalizeFormattedNumber(amount) : '' }>{ amount > 99999 ? '99 999' : LocalizeFormattedNumber(amount) }</Text> {LocalizeText(`purse.seasonal.currency.${type}`)}
</Text>
<Text bold truncate variant="white" className="seasonal-amount text-end" title={amount > 99999 ? LocalizeFormattedNumber(amount) : '' } >
{amount > 99999 ? '99 999' : LocalizeFormattedNumber(amount)}
</Text>
<Flex className="nitro-seasonal-box seasonal-padding"> <Flex className="nitro-seasonal-box seasonal-padding">
<LayoutCurrencyIcon type={ type } /> <LayoutCurrencyIcon type={type} />
</Flex> </Flex>
</Flex> </Flex>
</Flex> </Flex>
); );
};
interface SeasonalCurrenciesViewProps {
currencies: { type: number; amount: number }[];
} }
export const SeasonalCurrenciesView: FC<SeasonalCurrenciesViewProps> = props => {
const { currencies } = props;
// Sort currencies: 0 first, then 5, then others
const sortedCurrencies = [...currencies].sort((a, b) => {
if (a.type === 0) return -1;
if (b.type === 0) return 1;
if (a.type === 5) return -1;
if (b.type === 5) return 1;
return a.type - b.type;
});
return (
<Flex column gap={2}>
{
sortedCurrencies.map(currency => (<SeasonalView key={currency.type} type={currency.type} amount={currency.amount} />))
}
</Flex>
);
};