From b126c22d9d83b3562cb3ec34f18788a84707ec30 Mon Sep 17 00:00:00 2001
From: anatolykopyl <akopyl@radner.ru>
Date: Mon, 27 Mar 2023 23:47:11 +0300
Subject: [PATCH] Make recursive preview desktop only

---
 src/components/Projects/Project.module.css | 4 ++++
 src/components/Projects/Project.tsx        | 5 +++--
 src/components/Projects/projectList.ts     | 5 ++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Projects/Project.module.css b/src/components/Projects/Project.module.css
index c8de273..f6d4352 100644
--- a/src/components/Projects/Project.module.css
+++ b/src/components/Projects/Project.module.css
@@ -91,4 +91,8 @@
   .techIcons {
     display: none;
   }
+
+  .Project_desktopOnly {
+    display: none;
+  }
 }
\ No newline at end of file
diff --git a/src/components/Projects/Project.tsx b/src/components/Projects/Project.tsx
index 961d455..c492d25 100644
--- a/src/components/Projects/Project.tsx
+++ b/src/components/Projects/Project.tsx
@@ -20,7 +20,8 @@ export default (props: { project: Project, odd: boolean }) => {
       class={styles.Project}
       classList={{
         [styles.Project_odd]: props.odd,
-        [styles.Project_halfWidth]: props.project.halfWidth
+        [styles.Project_halfWidth]: props.project.halfWidth,
+        [styles.Project_desktopOnly]: props.project.desktopOnly
       }}
     >
       {
@@ -30,7 +31,7 @@ export default (props: { project: Project, odd: boolean }) => {
           class={styles.preview}
           src={props.project.preview as string}
           style={props.project.previewStyle}
-        /> 
+        />
         :
         <props.project.preview />
       }
diff --git a/src/components/Projects/projectList.ts b/src/components/Projects/projectList.ts
index 6992300..3f72380 100644
--- a/src/components/Projects/projectList.ts
+++ b/src/components/Projects/projectList.ts
@@ -23,6 +23,7 @@ export class Project {
   previewStyle?: string;
   halfWidth?: boolean;
   icons?: Icon[];
+  desktopOnly?: boolean;
 
   constructor(project: Project) {
     this.name = project.name
@@ -34,6 +35,7 @@ export class Project {
     this.previewStyle = project.previewStyle
     this.halfWidth = project.halfWidth
     this.icons = project.icons
+    this.desktopOnly = project.desktopOnly
   }
 }
 
@@ -56,7 +58,8 @@ export default [
     name: 'This website',
     preview: RecursivePreview,
     link: 'https://kopyl.dev',
-    descriptionSlug: 'this_desc'
+    descriptionSlug: 'this_desc',
+    desktopOnly: true
   }),
   new Project({
     name: 'VK Mute',