From 028831f80649f6ace11d74b5dbf8ddcb5a3a3c71 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Thu, 7 Mar 2024 11:45:51 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20change=20isDesktopView?=
 =?UTF-8?q?=20to=20isTabletView?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/pages/org-slug/projects/Id.tsx          | 4 ++--
 .../frontend/src/pages/org-slug/projects/create/Template.tsx  | 4 ++--
 .../src/pages/org-slug/projects/create/template/index.tsx     | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/pages/org-slug/projects/Id.tsx b/packages/frontend/src/pages/org-slug/projects/Id.tsx
index 60c2f073..e5b7604d 100644
--- a/packages/frontend/src/pages/org-slug/projects/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/Id.tsx
@@ -24,8 +24,8 @@ const Id = () => {
   const client = useGQLClient();
   const location = useLocation();
 
-  const isDesktopView = useMediaQuery('(min-width: 720px)'); // md:
-  const buttonSize = isDesktopView ? {} : { size: 'sm' as const };
+  const isTabletView = useMediaQuery('(min-width: 720px)'); // md:
+  const buttonSize = isTabletView ? {} : { size: 'sm' as const };
 
   const [project, setProject] = useState<ProjectType | null>(null);
   const [repoUrl, setRepoUrl] = useState('');
diff --git a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
index 682d1f48..ae7f55ab 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
@@ -20,8 +20,8 @@ import { useMediaQuery } from 'usehooks-ts';
 const CreateWithTemplate = () => {
   const { orgSlug } = useParams();
 
-  const isDesktopView = useMediaQuery('(min-width: 960px)'); // lg:
-  const stepsOrientation = isDesktopView ? 'vertical' : 'horizontal';
+  const isTabletView = useMediaQuery('(min-width: 960px)'); // lg:
+  const stepsOrientation = isTabletView ? 'vertical' : 'horizontal';
 
   const stepperValues = [
     {
diff --git a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
index f57428e1..777a866d 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
@@ -29,8 +29,8 @@ const CreateRepo = () => {
 
   const { orgSlug } = useParams();
 
-  const isDesktopView = useMediaQuery('(min-width: 720px)'); // md:
-  const buttonSize = isDesktopView ? { size: 'lg' as const } : {};
+  const isTabletView = useMediaQuery('(min-width: 720px)'); // md:
+  const buttonSize = isTabletView ? { size: 'lg' as const } : {};
 
   const navigate = useNavigate();