From 91e7afd2a7aa35c8ce1b4319c65ec233ee61e149 Mon Sep 17 00:00:00 2001 From: RadoslavDimchev Date: Tue, 15 Aug 2023 10:01:39 +0300 Subject: [PATCH] fix: leave only one component for every page --- src/components/ConnectionPage.tsx | 186 +++++++++--------- src/components/LandingPage.tsx | 177 +++++++++-------- .../DeviceHealthCheck/DeviceHealthCheck.tsx | 88 ++++----- 3 files changed, 220 insertions(+), 231 deletions(-) diff --git a/src/components/ConnectionPage.tsx b/src/components/ConnectionPage.tsx index 49ffb6d1..223b3428 100644 --- a/src/components/ConnectionPage.tsx +++ b/src/components/ConnectionPage.tsx @@ -12,107 +12,103 @@ import CreateIcon from './CreateIcon' import LabelInputField from './LabelInputField' function ContentPage() { + const [autoConnectChecked, setAutoConnectChecked] = useState(false) + const [portChecked, setPortChecked] = useState(false) + return ( } > - +
+
+ + + + + + +
+
+
+ +
+
+ + + + + + + + + + + + setPortChecked(v)} + /> + + + + + +
+
+ + + Device Avatar + + + + + + + + + +
+ +
+ + + Settings + + + + setAutoConnectChecked(v)} + variant="outline" + /> + + + +
+ }>Connect Device +
+
) } -function Content() { - const [autoConnectChecked, setAutoConnectChecked] = useState(false) - const [portChecked, setPortChecked] = useState(false) - return ( -
-
- - - - - - -
-
-
- -
-
- - - - - - - - - - - - setPortChecked(v)} - /> - - - - - -
-
- - - Device Avatar - - - - - - - - - -
- -
- - - Settings - - - - setAutoConnectChecked(v)} - variant="outline" - /> - - - -
- }>Connect Device -
-
- ) -} export default ContentPage diff --git a/src/components/LandingPage.tsx b/src/components/LandingPage.tsx index 1b35c670..422f972a 100644 --- a/src/components/LandingPage.tsx +++ b/src/components/LandingPage.tsx @@ -6,99 +6,98 @@ function LandingPage() { return ( <> - +
+
+
+
+ +
+

+ nodesBETA +

+
+
+
+
+ + + + + + + + + +
+

+ Welcome, John. This is your complete access to a truly decentralized Web 3.0 +

+

+ Status Nodes allows you to finally take control and ownership of the + services you wish to run in a completely trustless and decentralized manner. +

+ +
+
) } -function Content() { - return ( -
-
-
-
- -
-

- nodesBETA -

-
-
-
-
- - - - - - - - - -
-

- Welcome, John. This is your complete access to a truly decentralized Web 3.0 -

-

- Status Nodes allows you to finally take control and ownership of the services - you wish to run in a completely trustless and decentralized manner. -

- -
-
- ) -} - export default LandingPage diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx index 2bf7cb4e..7e603362 100644 --- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx +++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx @@ -13,55 +13,49 @@ import DeviceNetworkHealth from '../../components/DeviceNetworkHealth' const DeviceHealthCheck = () => { return ( - +
+ + + + + + + + + + + + + } + message="The information provided in the Nodes Health Check is meant to utilized as a guide to guage the readiness of your device, however please do your own due diligence prior to commiting any funds. Read our Health Check Disclosure for more information." + /> + + + + +
) } export default DeviceHealthCheck - -const DeviceHealthCheckContent = () => { - return ( -
- - - - - - - - - - - - - } - message="The information provided in the Nodes Health Check is meant to utilized as a guide to guage the readiness of your device, however please do your own due diligence prior to commiting any funds. Read our Health Check Disclosure for more information." - /> - - - - -
- ) -}