From 2fa5ef16213f820846bcbcb586841ca18cbfdfc3 Mon Sep 17 00:00:00 2001
From: Pete Watters <2938440+pete-watters@users.noreply.github.com>
Date: Fri, 9 Feb 2024 15:58:34 +0000
Subject: [PATCH] chore: clean code, improve network page

---
 src/app/components/centered-page-container.tsx | 15 ---------------
 src/app/features/add-network/add-network.tsx   |  7 ++++---
 2 files changed, 4 insertions(+), 18 deletions(-)
 delete mode 100644 src/app/components/centered-page-container.tsx

diff --git a/src/app/components/centered-page-container.tsx b/src/app/components/centered-page-container.tsx
deleted file mode 100644
index fc1d1c41d95..00000000000
--- a/src/app/components/centered-page-container.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Flex, FlexProps } from 'leather-styles/jsx';
-
-export function CenteredPageContainer(props: FlexProps) {
-  return (
-    <Flex
-      alignItems={['left', 'center']}
-      flexGrow={1}
-      flexDirection="column"
-      justifyContent={['start', 'center', 'center']}
-      mb="space.05"
-      minHeight={['70vh', '90vh']}
-      {...props}
-    />
-  );
-}
diff --git a/src/app/features/add-network/add-network.tsx b/src/app/features/add-network/add-network.tsx
index f9664ed0904..734cda8524d 100644
--- a/src/app/features/add-network/add-network.tsx
+++ b/src/app/features/add-network/add-network.tsx
@@ -13,7 +13,6 @@ import { RouteUrls } from '@shared/route-urls';
 import { isValidUrl } from '@shared/utils/validate-url';
 
 import { removeTrailingSlash } from '@app/common/url-join';
-import { CenteredPageContainer } from '@app/components/centered-page-container';
 import { ErrorLabel } from '@app/components/error-label';
 import {
   useCurrentStacksNetworkState,
@@ -21,6 +20,7 @@ import {
 } from '@app/store/networks/networks.hooks';
 import { Button } from '@app/ui/components/button/button';
 import { Input } from '@app/ui/components/input/input';
+import { Page } from '@app/ui/components/layout/page/page.layout';
 import { Title } from '@app/ui/components/typography/title';
 
 /**
@@ -101,7 +101,7 @@ export function AddNetwork() {
   }, [bitcoinApi, setStacksUrl, setBitcoinUrl]);
 
   return (
-    <CenteredPageContainer>
+    <Page>
       <Formik
         initialValues={addNetworkFormValues}
         onSubmit={async () => {
@@ -205,6 +205,7 @@ export function AddNetwork() {
               maxWidth="centeredPageFullWidth"
               px={['space.05', 'space.04']}
               textAlign={['left', 'center']}
+              marginBottom="space.05"
             >
               <styled.span textStyle="body.02">
                 Use this form to add a new instance of the{' '}
@@ -313,6 +314,6 @@ export function AddNetwork() {
           </form>
         )}
       </Formik>
-    </CenteredPageContainer>
+    </Page>
   );
 }