jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
35 lines (32 loc) • 1.59 kB
JavaScript
import React__default from 'react';
import Main from '../../../../02-atoms/06-layout/09-main/index.js';
import Box from '../../../../02-atoms/07-box/index.js';
import { ImageListLoader } from '../../02-generic/01-image-list/index.js';
import { ListLoader } from '../../02-generic/02-list/index.js';
import { ResumeTeaserPlaceholder } from '../02-teaser/index.js';
/**
* @file index.tsx
*
* @fileoverview Shows a placeholder when a resume detail page is loading.
*/
/**
* Placeholder skeleton for Resume detail for when page is loading.
* Skeletons help provide some guidance to the user for
* what the page will have while content is loading.
*/
const ResumeDetailPlaceholder = () => {
return (React__default.createElement("div", null,
React__default.createElement(Main, null,
React__default.createElement(Box, null,
React__default.createElement(ResumeTeaserPlaceholder, null)),
React__default.createElement(Box, null,
React__default.createElement("div", { style: { maxWidth: '500px' } },
React__default.createElement(ListLoader, null))),
React__default.createElement(Box, null,
React__default.createElement(ImageListLoader, null),
React__default.createElement(ImageListLoader, null)),
React__default.createElement(Box, null,
React__default.createElement(ImageListLoader, null),
React__default.createElement(ImageListLoader, null)))));
};
export default ResumeDetailPlaceholder;