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

Web: Client: Settings: add sso loader

Browse Source
This commit is contained in:
Viktor Fomin 2022-07-24 21:12:50 +03:00
parent d92fb505b9
commit 473dcb4f74
2 changed files with 52 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/index.js
View File

@ -11,6 +11,7 @@ import SSO from "./SingleSignOn";
import ThirdParty from "./ThirdPartyServicesSettings";
import AppLoader from "@appserver/common/components/AppLoader";
import SSOLoader from "./sub-components/ssoLoader";
const IntegrationWrapper = (props) => {
const { t, history, loadBaseInfo } = props;
@ -52,7 +53,8 @@ const IntegrationWrapper = (props) => {
);
};
if (!isLoading) return <AppLoader />;
if (!isLoading) return currentTab === 0 ? <SSOLoader /> : <AppLoader />;
return (
<Submenu
data={data}

49
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/ssoLoader.js Normal file
View File

@ -0,0 +1,49 @@
import React from "react";
import styled from "styled-components";
import Loaders from "@appserver/common/components/Loaders";
const StyledLoader = styled.div`
.submenu {
display: flex;
gap: 20px;
margin-bottom: 20px;
.item {
width: 72px;
}
}
.description {
max-width: 700px;
margin-bottom: 20px;
}
.category {
margin-top: 24px;
width: 238px;
}
hr {
margin-top: 24px;
border: none;
border-top: 1px solid #eceef1;
}
`;
const SSOLoader = () => {
return (
<StyledLoader>
<div className="submenu">
<Loaders.Rectangle className="item" height="28px" />
<Loaders.Rectangle className="item" height="28px" />
</div>
<Loaders.Rectangle className="description" height="60px" />
<Loaders.Rectangle height="64px" />
<Loaders.Rectangle className="category" height="22px" />
<hr />
<Loaders.Rectangle className="category" height="22px" />
</StyledLoader>
);
};
export default SSOLoader;