feature: move TD creation to cells

This commit is contained in:
Sammy Teillet
2023-04-19 17:10:37 +02:00
parent 05c5272c93
commit 71c18e864f
3 changed files with 39 additions and 25 deletions

View File

@ -4,18 +4,25 @@ import { Link } from 'react-router-dom';
type OwnProps = {
href: string;
id: string;
children?: React.ReactNode;
};
const TD = styled.td`
position: relative;
`;
const Container = styled.span`
padding-left: ${(props) => props.theme.spacing(2)};
`;
function ClickableCell({ href, children }: OwnProps) {
function ClickableCell({ href, children, id }: OwnProps) {
return (
<Link to={href}>
<Container>{children}</Container>
</Link>
<TD key={id}>
<Link to={href}>
<Container>{children}</Container>
</Link>
</TD>
);
}