added no file or folder variant for noItem view

This commit is contained in:
mushka 2022-09-08 04:32:55 +03:00
parent ce6f00027a
commit 47811f1d1e

View File

@ -0,0 +1,38 @@
import React from "react";
import styled from "styled-components";
const EmptyScreenContainer = styled.div`
margin: 80px auto;
display: flex;
align-items: center;
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 NoFileOrFolderItem = ({ 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 NoFileOrFolderItem;