jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
38 lines (35 loc) • 1.9 kB
JavaScript
import React__default from 'react';
import Grid from '../../../../02-atoms/06-layout/04-grid/index.js';
import Cell from '../../../../02-atoms/06-layout/04-grid/Cell.js';
import Main from '../../../../02-atoms/06-layout/09-main/index.js';
import Box from '../../../../02-atoms/07-box/index.js';
import FullSearch from '../../../../03-molecules/07-search/01-search-box/index.js';
import { JobFacetPlaceholder } from '../01-facet/index.js';
import { JobTeaserPlaceholder } from '../03-teaser/index.js';
/**
* @file index.tsx
*
* @fileoverview Shows a placeholder when a search page is loading.
*/
/**
* Placeholder skeleton for jobs for when page is loading.
* Skeletons help provide some guidance to the user for
* what the page will have while content is loading.
*/
const JobsPlaceholder = () => {
return (React__default.createElement("div", null,
React__default.createElement(FullSearch, null),
React__default.createElement(Main, null,
React__default.createElement(Grid, { columns: "repeat(auto-fit,minmax(250px,1fr))" },
React__default.createElement(Cell, { width: 1 },
React__default.createElement(Box, null,
React__default.createElement(JobFacetPlaceholder, null)),
React__default.createElement(Box, null,
React__default.createElement(JobFacetPlaceholder, null))),
React__default.createElement(Cell, { width: 2 },
React__default.createElement(Box, { paddingClean: true }, Array.from([1, 2, 3, 4, 5, 6]).map(jobPlaceholder => {
return (React__default.createElement(Box, { marginClean: true, key: jobPlaceholder },
React__default.createElement(JobTeaserPlaceholder, null)));
})))))));
};
export { JobsPlaceholder };