Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add board image count badge

Browse Source
This commit is contained in:
psychedelicious 2023-06-16 17:50:54 +10:00
parent fe10a9f747
commit daadf6ebfd
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
invokeai/frontend/web/src/features/gallery/components/Boards/HoverableBoard.tsx
View File

@ -6,6 +6,7 @@ import {
Flex, Flex,
MenuItem, MenuItem,
MenuList, MenuList,
Text,
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
@ -162,6 +163,22 @@ const HoverableBoard = memo(({ board, isSelected }: HoverableBoardProps) => {
}} }}
/> />
</Editable> </Editable>
<Flex
sx={{
justifyContent: 'center',
alignItems: 'center',
pos: 'absolute',
color: 'base.900',
bg: 'accent.300',
borderRadius: 'full',
w: 4,
h: 4,
right: -1,
top: -1,
}}
>
<Text fontSize="2xs">{board.image_count}</Text>
</Flex>
</Flex> </Flex>
)} )}
</ContextMenu> </ContextMenu>