From 04d0349fff91fcf23f4dcff3e101aefc6ae9bd22 Mon Sep 17 00:00:00 2001
From: vadim neogara <wad.veb.js@neogara.com>
Date: Thu, 8 Sep 2022 22:16:59 +0300
Subject: [PATCH] feat: [TEST-106] add bung if blogger hasn`t tests

---
 .../BlogerTestList/BloggerNoTest.module.scss  | 20 +++++++++++++++++++
 .../Bloggers/BlogerTestList/BloggerNoTest.tsx |  7 +++++++
 src/pages/BloggerPage.tsx                     | 11 +++-------
 3 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 src/components/Bloggers/BlogerTestList/BloggerNoTest.module.scss
 create mode 100644 src/components/Bloggers/BlogerTestList/BloggerNoTest.tsx

diff --git a/src/components/Bloggers/BlogerTestList/BloggerNoTest.module.scss b/src/components/Bloggers/BlogerTestList/BloggerNoTest.module.scss
new file mode 100644
index 0000000..0087f65
--- /dev/null
+++ b/src/components/Bloggers/BlogerTestList/BloggerNoTest.module.scss
@@ -0,0 +1,20 @@
+.blogerNoTest {
+  height: 150px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  
+  background: #2E3338;
+  border-radius: 5px;
+  
+  text-align: center;
+  font-family: sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 19px;
+  text-align: center;
+
+  color: #AEB5BC;
+}
\ No newline at end of file
diff --git a/src/components/Bloggers/BlogerTestList/BloggerNoTest.tsx b/src/components/Bloggers/BlogerTestList/BloggerNoTest.tsx
new file mode 100644
index 0000000..31c151d
--- /dev/null
+++ b/src/components/Bloggers/BlogerTestList/BloggerNoTest.tsx
@@ -0,0 +1,7 @@
+import React, { FC, memo } from 'react';
+import { Box } from '@mui/material';
+import styles from './BloggerNoTest.module.scss';
+
+const BloggerNoTest: FC = () => (<Box className={styles.blogerNoTest}>Скоро анонс</Box>);
+
+export default memo(BloggerNoTest);
\ No newline at end of file
diff --git a/src/pages/BloggerPage.tsx b/src/pages/BloggerPage.tsx
index 3fab047..8b914d2 100644
--- a/src/pages/BloggerPage.tsx
+++ b/src/pages/BloggerPage.tsx
@@ -21,6 +21,7 @@ import BtnEmail from '../components/Buttons/BtnEmail/BtnEmail';
 import FooterPolicy from '../components/Footers/FooterPolicy';
 import SubcriptionCard from '../components/Profile/TestCard/SubcriptionCard/SubcriptionCard';
 import TestCardLock from '../components/Profile/TestCard/TestCardLock/TestCardLock';
+import BloggerNoTest from '../components/Bloggers/BlogerTestList/BloggerNoTest';
 
 const BloggerPage = () => {
   const params = useParams();
@@ -176,7 +177,7 @@ const BloggerPage = () => {
           height={'8rem'} 
         />
       )} */}
-      { testList ? testList.map((test, index) => (
+      { testList?.length ? testList?.map((test, index) => (
 
         (test.type && test.type === 'game') ? (
           <TestCardLock
@@ -252,13 +253,7 @@ const BloggerPage = () => {
           />
         )
       )) : (
-        <Skeleton     
-          sx={{ bgcolor: '#2f363c', marginTop: '1rem' }}
-          variant="rounded"  
-          animation="wave"  
-          width={'100%'} 
-          height={'15rem'} 
-        />
+        <BloggerNoTest />
       )}
       <FooterPolicy language={language} />
     </Container>