db73879918
* fix: Logic error in toast fix: Remove useless component * fix: Logout not clearing all stores * Add icons to notification settings * Add eslint rule to enforce spaced comment * Add eslint rule for arrow-body-style * Add eslint rule to enforce self-closing components * Add menu to api key settings Fix: Deleting webhook subscription does not remove from UI Split webhook subscriptions into active and inactive Styling updates
33 lines
814 B
TypeScript
33 lines
814 B
TypeScript
import { times } from "lodash";
|
|
import * as React from "react";
|
|
import styled from "styled-components";
|
|
import Fade from "~/components/Fade";
|
|
import Flex from "~/components/Flex";
|
|
import PlaceholderText, {
|
|
Props as PlaceholderTextProps,
|
|
} from "~/components/PlaceholderText";
|
|
|
|
type Props = {
|
|
count?: number;
|
|
className?: string;
|
|
header?: PlaceholderTextProps;
|
|
body?: PlaceholderTextProps;
|
|
};
|
|
|
|
const Placeholder = ({ count, className, header, body }: Props) => (
|
|
<Fade>
|
|
{times(count || 2, (index) => (
|
|
<Item key={index} className={className} column auto>
|
|
<PlaceholderText {...header} header delay={0.2 * index} />
|
|
<PlaceholderText {...body} delay={0.2 * index} />
|
|
</Item>
|
|
))}
|
|
</Fade>
|
|
);
|
|
|
|
const Item = styled(Flex)`
|
|
padding: 10px 0;
|
|
`;
|
|
|
|
export default Placeholder;
|