From 87fc53a64efc9372e348e5eeede07cd40e1fd060 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 16 Aug 2023 10:48:27 +0300
Subject: [PATCH] feat: add initial components to the page

---
 src/App.tsx                         |  3 ++-
 src/pages/PairDevice/PairDevice.js  |  3 ---
 src/pages/PairDevice/PairDevice.tsx | 17 +++++++++++++++++
 3 files changed, 19 insertions(+), 4 deletions(-)
 delete mode 100644 src/pages/PairDevice/PairDevice.js
 create mode 100644 src/pages/PairDevice/PairDevice.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 33fcb6ba..df4095a9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,6 +7,7 @@ import LandingPage from './pages/LandingPage/LandingPage'
 import DeviceHealthCheck from './pages/DeviceHealthCheck/DeviceHealthCheck'
 import ConnectDevicePage from './pages/ConnectDevicePage/ConnectDevicePage'
 import DeviceSyncStatus from './pages/DeviceSyncStatus/DeviceSyncStatus'
+import PairDevice from './pages/PairDevice/PairDevice'
 
 const router = createBrowserRouter([
   {
@@ -27,7 +28,7 @@ const router = createBrowserRouter([
   },
   {
     path: '/pair-device',
-    element: <DeviceSyncStatus />,
+    element: <PairDevice />,
   },
 ])
 
diff --git a/src/pages/PairDevice/PairDevice.js b/src/pages/PairDevice/PairDevice.js
deleted file mode 100644
index a4f7cad2..00000000
--- a/src/pages/PairDevice/PairDevice.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const PairDevice = () => {}
-
-export default PairDevice
diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx
new file mode 100644
index 00000000..ec0080ab
--- /dev/null
+++ b/src/pages/PairDevice/PairDevice.tsx
@@ -0,0 +1,17 @@
+import { YStack } from 'tamagui'
+import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
+
+const PairDevice = () => {
+  return (
+    <PageWrapperShadow rightImageSrc="/background-images/day-night-bg.png">
+      <YStack
+        space={'$4'}
+        style={{
+          maxWidth: '100%',
+        }}
+      ></YStack>
+    </PageWrapperShadow>
+  )
+}
+
+export default PairDevice