9c046dcfdb
### Description Prefetch Skeleton Loading on Indexes and Shows ### Refs #4458 ### Demo https://jam.dev/c/a1ad04e1-80b6-4b2a-b7df-373f52f4b169 https://jam.dev/c/c5038b97-2f18-4c29-8dee-18c09376e5ee Fixes: #4458 --------- Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com> Co-authored-by: v1b3m <vibenjamin6@gmail.com> Co-authored-by: Matheus <matheus_benini@hotmail.com> Co-authored-by: Charles Bochet <charles@twenty.com>
24 lines
686 B
TypeScript
24 lines
686 B
TypeScript
import Skeleton, { SkeletonTheme } from 'react-loading-skeleton';
|
|
import { useTheme } from '@emotion/react';
|
|
import styled from '@emotion/styled';
|
|
|
|
const StyledSkeletonTitle = styled.div`
|
|
margin-bottom: ${(props) => props.theme.spacing(2)};
|
|
padding-left: ${({ theme }) => theme.spacing(1)};
|
|
`;
|
|
|
|
export const NavigationDrawerSectionTitleSkeletonLoader = () => {
|
|
const theme = useTheme();
|
|
return (
|
|
<SkeletonTheme
|
|
baseColor={theme.background.tertiary}
|
|
highlightColor={theme.background.transparent.lighter}
|
|
borderRadius={4}
|
|
>
|
|
<StyledSkeletonTitle>
|
|
<Skeleton width={56} height={13} />
|
|
</StyledSkeletonTitle>
|
|
</SkeletonTheme>
|
|
);
|
|
};
|