Skip to content

Commit

Permalink
fix: refactor invite team member skeleton
Browse files Browse the repository at this point in the history
  • Loading branch information
Cedric921 committed Jan 2, 2024
1 parent 244d953 commit 71fd2a2
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import Skeleton from 'react-loading-skeleton';
// import Skeleton from 'react-loading-skeleton';
import Skeleton from './Skeleton';
import { Card, VerticalSeparator } from 'lib/components';
import { DraggerIcon } from 'lib/components/svgs';

Expand Down
27 changes: 27 additions & 0 deletions apps/web/components/shared/skeleton/Skeleton.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
import { clsxm } from '@app/utils';

const Skeleton = ({
height,
width,
borderRadius,
className
}: {
height: number;
width: number;
borderRadius: number;
className: string;
}) => {
console.log({ borderRadius });
return (
<div
className={clsxm(
'p-1 animate-pulse rounded-lg bg-[#F0F0F0] dark:bg-[#353741]',
height ? `h-[${height}px]` : 'h-[20px]',
width ? `w-[${width}px]` : 'w-[160px]',
className
)}
/>
);
};

export default Skeleton;

0 comments on commit 71fd2a2

Please sign in to comment.