refactor: rename link_list with a proper name

This commit is contained in:
Sonny
2024-05-14 13:19:49 +02:00
committed by Sonny
parent c916b5870b
commit 5a8bda0322
6 changed files with 40 additions and 30 deletions

View File

@@ -0,0 +1,31 @@
import type Link from '#models/link';
import styled from '@emotion/styled';
import LinkItem from '~/components/dashboard/link/link_item';
import { NoLink } from '~/components/dashboard/link/no_item';
const LinkListStyle = styled.ul({
height: '100%',
width: '100%',
minWidth: 0,
display: 'flex',
flex: 1,
gap: '0.5em',
padding: '3px',
flexDirection: 'column',
overflowX: 'hidden',
overflowY: 'scroll',
});
export default function LinkList({ links }: { links: Link[] }) {
if (links.length === 0) {
return <NoLink />;
}
return (
<LinkListStyle>
{links.map((link) => (
<LinkItem link={link} key={link.id} showUserControls />
))}
</LinkListStyle>
);
}