nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-31 10:22:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add HC icon to colors

Browse Source
This commit is contained in:
Bill 2021-08-31 18:18:35 -04:00
parent ea3402af88
commit bdacfba229
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/avatar-editor/views/palette-set-item/AvatarEditorPaletteSetItem.tsx
View File

@ -1,5 +1,6 @@
import { FC, useCallback, useEffect, useState } from 'react'; import { FC, useCallback, useEffect, useState } from 'react';
import { NitroCardGridItemView } from '../../../../layout/card/grid/item/NitroCardGridItemView'; import { NitroCardGridItemView } from '../../../../layout/card/grid/item/NitroCardGridItemView';
import { CurrencyIcon } from '../../../shared/currency-icon/CurrencyIcon';
import { AvatarEditorPaletteSetItemProps } from './AvatarEditorPaletteSetItem.types'; import { AvatarEditorPaletteSetItemProps } from './AvatarEditorPaletteSetItem.types';
export const AvatarEditorPaletteSetItem: FC<AvatarEditorPaletteSetItemProps> = props => export const AvatarEditorPaletteSetItem: FC<AvatarEditorPaletteSetItemProps> = props =>
@ -22,5 +23,9 @@ export const AvatarEditorPaletteSetItem: FC<AvatarEditorPaletteSetItemProps> = p
} }
}) })
return <NitroCardGridItemView itemColor={ colorItem.color } itemActive={ colorItem.isSelected } { ...rest } /> return (
<NitroCardGridItemView itemColor={ colorItem.color } itemActive={ colorItem.isSelected } { ...rest }>
{ colorItem.isHC && <CurrencyIcon className="position-absolute end-1 bottom-1" type={ 'hc' } /> }
</NitroCardGridItemView>
);
} }