From 0bd7e36df47789f067081fc17877384b53a57dbb Mon Sep 17 00:00:00 2001
From: mushka <nikitamushka@mail.ru>
Date: Sat, 10 Sep 2022 00:27:34 +0300
Subject: [PATCH] update on NoFileOrFolderItem component

---
 .../Body/views/NoItem/NoFileOrFolderItem.js   | 25 +++----------------
 1 file changed, 4 insertions(+), 21 deletions(-)

diff --git a/packages/client/src/pages/Home/InfoPanel/Body/views/NoItem/NoFileOrFolderItem.js b/packages/client/src/pages/Home/InfoPanel/Body/views/NoItem/NoFileOrFolderItem.js
index 2b4997a090..b4198a9601 100644
--- a/packages/client/src/pages/Home/InfoPanel/Body/views/NoItem/NoFileOrFolderItem.js
+++ b/packages/client/src/pages/Home/InfoPanel/Body/views/NoItem/NoFileOrFolderItem.js
@@ -1,27 +1,10 @@
 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;
-  }
-`;
+import { StyledNoItemContainer } from "../../styles/noItem";
 
 const NoFileOrFolderItem = ({ t }) => {
   return (
-    <EmptyScreenContainer>
+    <StyledNoItemContainer>
       <div className="no-thumbnail-img-wrapper">
         <img
           size="96px"
@@ -30,8 +13,8 @@ const NoFileOrFolderItem = ({ t }) => {
         />
       </div>
 
-      <div className="empty-screen-text">{t("EmptyScreenText")}</div>
-    </EmptyScreenContainer>
+      <div className="no-item-text">{t("EmptyScreenText")}</div>
+    </StyledNoItemContainer>
   );
 };