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

Lint all files

Browse source
This commit is contained in:
jeffvli 2023-07-01 19:10:05 -07:00
parent 22af76b4d6
commit 30e52ebb54
334 changed files with 76519 additions and 75932 deletions
Download patch file Download diff file Expand all files Collapse all files

88
src/renderer/features/sidebar/components/sidebar-item.tsx
View file

@ -5,73 +5,73 @@ import { Link } from 'react-router-dom';
import styled, { css } from 'styled-components';
interface ListItemProps extends FlexProps {
children: ReactNode;
disabled?: boolean;
to?: string;
children: ReactNode;
disabled?: boolean;
to?: string;
}
const StyledItem = styled(Flex)`
width: 100%;
font-weight: 600;
font-size: 1.1rem;
font-family: var(--content-font-family);
width: 100%;
font-weight: 600;
font-size: 1.1rem;
font-family: var(--content-font-family);
&:focus-visible {
border: 1px solid var(--primary-color);
}
&:focus-visible {
border: 1px solid var(--primary-color);
}
`;
const ItemStyle = css`
display: flex;
width: 100%;
padding: 0.5rem 1rem;
color: var(--sidebar-fg);
border: 1px transparent solid;
transition: color 0.2s ease-in-out;
display: flex;
width: 100%;
padding: 0.5rem 1rem;
color: var(--sidebar-fg);
border: 1px transparent solid;
transition: color 0.2s ease-in-out;
&:hover {
color: var(--sidebar-fg-hover);
}
&:hover {
color: var(--sidebar-fg-hover);
}
`;
const _ItemLink = styled(StyledItem)<LinkProps & { disabled?: boolean }>`
opacity: ${(props) => props.disabled && 0.6};
pointer-events: ${(props) => props.disabled && 'none'};
opacity: ${(props) => props.disabled && 0.6};
pointer-events: ${(props) => props.disabled && 'none'};
&:focus-visible {
border: 1px solid var(--primary-color);
}
&:focus-visible {
border: 1px solid var(--primary-color);
}
${ItemStyle}
${ItemStyle}
`;
const ItemLink = createPolymorphicComponent<'a', ListItemProps>(_ItemLink);
export const SidebarItem = ({ to, children, ...props }: ListItemProps) => {
if (to) {
if (to) {
return (
<ItemLink
component={Link}
to={to}
{...props}
>
{children}
</ItemLink>
);
}
return (
<ItemLink
component={Link}
to={to}
{...props}
>
{children}
</ItemLink>
<StyledItem
tabIndex={0}
{...props}
>
{children}
</StyledItem>
);
}
return (
<StyledItem
tabIndex={0}
{...props}
>
{children}
</StyledItem>
);
};
SidebarItem.Link = ItemLink;
SidebarItem.defaultProps = {
disabled: false,
to: undefined,
disabled: false,
to: undefined,
};