antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 18:33:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add state to search route navigation

Browse source
This commit is contained in:
jeffvli 2023-05-19 22:24:15 -07:00 • committed by Jeff
parent b5fa6f0baa
commit e8f7ae637f
2 changed files with 28 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/renderer/features/search/components/library-command-item.tsx
View file

@ -10,9 +10,11 @@ import {
} from 'react-icons/ri';
import styled from 'styled-components';
import { LibraryItem } from '/@/renderer/api/types';
import { Button, MotionFlex, Text } from '/@/renderer/components';
import { Button, Text } from '/@/renderer/components';
import { Play, PlayQueueAddOptions } from '/@/renderer/types';
const Item = styled(Flex)``;
const ItemGrid = styled.div<{ height: number }>`
display: grid;
grid-auto-columns: 1fr;
@ -47,6 +49,8 @@ const StyledImage = styled.img`
border-radius: 4px;
`;
const ActionsContainer = styled(Flex)``;
interface LibraryCommandItemProps {
handlePlayQueueAdd?: (options: PlayQueueAddOptions) => void;
id: string;
@ -99,7 +103,7 @@ export const LibraryCommandItem = ({
);
return (
<Flex
<Item
gap="xl"
justify="space-between"
style={{ height: '40px', width: '100%' }}
@ -141,7 +145,7 @@ export const LibraryCommandItem = ({
</Text>
</MetadataWrapper>
</ItemGrid>
<MotionFlex
<ActionsContainer
align="center"
gap="sm"
justify="flex-end"
@ -173,7 +177,7 @@ export const LibraryCommandItem = ({
>
<RiAddCircleFill />
</Button>
</MotionFlex>
</Flex>
</ActionsContainer>
</Item>
);
};