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

restuctured noItem view

Browse Source
This commit is contained in:
mushka 2022-09-08 04:31:53 +03:00
parent 15b47b9a3a
commit 61d40ae745
1 changed files with 8 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
packages/client/src/pages/Home/InfoPanel/Body/views/NoItem/index.js
View File

@ -1,39 +1,12 @@
import React from "react"; import React from "react";
import styled from "styled-components"; import NoGalleryItem from "./NoGalleryItem";
import { withTranslation } from "react-i18next"; import NoRoomItem from "./NoRoomItem";
import NoFileOrFolderItem from "./NoFileOrFolderItem";
const EmptyScreenContainer = styled.div` const NoItem = ({ t, selection, isGallery }) => {
margin: 80px auto; if (isGallery) return <NoGalleryItem t={t} />;
display: flex; if (selection.isRoom) return <NoRoomItem t={t} />;
align-items: center; return <NoFileOrFolderItem t={t} />;
justify-content: center;
flex-direction: column;
gap: 32px;
.empty-screen-text {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 16px;
text-align: center;
}
`;
const NoItem = ({ t }) => {
return (
<EmptyScreenContainer>
<div className="no-thumbnail-img-wrapper">
<img
size="96px"
className="no-thumbnail-img"
src="images/empty_screen_info_panel.png"
/>
</div>
<div className="empty-screen-text">{t("EmptyScreenText")}</div>
</EmptyScreenContainer>
);
}; };
export default withTranslation(["InfoPanel"])(NoItem); export default NoItem;