IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Common: Loaders: init submenu loader

Browse Source
This commit is contained in:
Viktor Fomin 2024-01-09 11:02:45 +03:00
parent baf37d8257
commit 5299f50455
4 changed files with 45 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/common/components/Loaders/SectionSubmenuLoader/SectionSubmenuLoader.js Normal file
View File

@ -0,0 +1,29 @@
import React from "react";
import PropTypes from "prop-types";
import { StyledSubmenu } from "./StyledSubmenuLoader";
import RectangleSkeleton from "@docspace/components/skeletons/rectangle";
const SectionSubmenuLoader = ({ id, className, style, ...rest }) => {
const { title } = rest;
return (
<StyledSubmenu id={id} className={className} style={style}>
<RectangleSkeleton title={title} width="80" height="32" />
<RectangleSkeleton title={title} width="115" height="32" />
</StyledSubmenu>
);
};
SectionSubmenuLoader.propTypes = {
id: PropTypes.string,
className: PropTypes.string,
style: PropTypes.object,
};
SectionSubmenuLoader.defaultProps = {
id: undefined,
className: undefined,
style: undefined,
};
export default SectionSubmenuLoader;

11
packages/common/components/Loaders/SectionSubmenuLoader/StyledSubmenuLoader.js Normal file
View File

@ -0,0 +1,11 @@
import styled from "styled-components";
const StyledSubmenu = styled.div`
width: 100%;
height: 32px;
display: flex;
gap: 20px;
padding-bottom: 20px;
`;
export { StyledSubmenu };

1
packages/common/components/Loaders/SectionSubmenuLoader/index.js Normal file
View File

@ -0,0 +1 @@
export default from "./SectionSubmenuLoader";

6
packages/common/components/Loaders/index.js
View File

@ -1,4 +1,3 @@
import Header from "./HeaderLoader";
import SectionHeader from "./SectionHeaderLoader";
import ArticleHeader from "./ArticleHeaderLoader";
@ -51,8 +50,9 @@ import SettingsSMTP from "./SettingsLoader/SettingsSMTPLoader";
import SettingsDSConnect from "./SettingsLoader/SettingsDSConnectLoader";
import EmptyContainerLoader from "./EmptyContainerLoader/EmptyContainerLoader";
export default {
import SectionSubmenuLoader from "./SectionSubmenuLoader";
export default {
Header,
SectionHeader,
ArticleHeader,
@ -105,4 +105,6 @@ export default {
EmptyContainerLoader,
Notifications,
SectionSubmenuLoader,
};