72ab0e25b4
* the LoadMore component should accept children to have something different than "Loading..." * skeleton component * the timeline component now loads with a skeleton * border radius for skeleton * dark mode for skeleton
31 lines
510 B
TypeScript
31 lines
510 B
TypeScript
import "./Skeleton.css";
|
|
|
|
interface ISkepetonProps {
|
|
children?: React.ReactNode;
|
|
loading?: boolean;
|
|
width?: string;
|
|
height?: string;
|
|
margin?: string;
|
|
}
|
|
|
|
export default function Skeleton({
|
|
children,
|
|
width,
|
|
height,
|
|
margin,
|
|
loading = true,
|
|
}: ISkepetonProps) {
|
|
if (!loading) {
|
|
return <>{children}</>;
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className="skeleton"
|
|
style={{ width: width, height: height, margin: margin }}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|