Add background to Launchpage and simplify background code (#32)

keep-starknet-strange · Dec 13, 2023 · 9b41f8e · 9b41f8e
1 parent 209af71
commit 9b41f8e
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 12 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -17,7 +17,7 @@
     "@vanilla-extract/css": "^1.11.0",
     "@vanilla-extract/recipes": "^0.4.0",
     "@vanilla-extract/sprinkles": "^1.6.0",
-    "clsx": "^1.2.1",
+    "clsx": "^2.0.0",
     "lucide-react": "^0.294.0",
     "ms.macro": "^2.0.0",
     "polished": "^4.2.2",

diff --git a/frontend/src/components/NavBar/index.tsx b/frontend/src/components/NavBar/index.tsx
@@ -13,7 +13,7 @@ export const links = [
     path: '/launch',
   },
   {
-    name: 'Manager',
+    name: 'Manage',
     path: '/manage',
   },
 ]

diff --git a/frontend/src/pages/Home/index.tsx b/frontend/src/pages/Home/index.tsx
@@ -4,16 +4,14 @@ import { PrimaryButton, SecondaryButton } from 'src/components/Button'
 import Box from 'src/theme/components/Box'
 import { Column, Row } from 'src/theme/components/Flex'
 import * as Text from 'src/theme/components/Text'
+import clsx from 'clsx'
 
 import * as styles from './style.css'
 
 export default function HomePage() {
   return (
     <Box>
-      <Box as="span" className={styles.backgroundContainer}>
-        <Box as="span" className={styles.background} />
-      </Box>
-
+      <Box as="span" className={clsx(styles.backgroundContainer, styles.background)} />
       <Column className={styles.titleContainer}>
         <Text.HeadlineLarge className={styles.title}>Unruggable Memecoin</Text.HeadlineLarge>
         <Box as="img" src={onlyonstarknet} className={styles.subtitle} />

diff --git a/frontend/src/pages/Launch/index.tsx b/frontend/src/pages/Launch/index.tsx
@@ -152,4 +152,4 @@ export default function LaunchPage() {
       </Box>
     </Row>
   )
-}
+}
diff --git a/frontend/src/pages/Launch/style.css.ts b/frontend/src/pages/Launch/style.css.ts
@@ -44,4 +44,4 @@ export const errorContainer = sprinkles({
   paddingX: '8',
   paddingTop: '4',
   color: 'error',
-})
+})
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
@@ -3744,10 +3744,10 @@ clone-deep@^4.0.1:
     kind-of "^6.0.2"
     shallow-clone "^3.0.0"
 
-clsx@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
-  integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
+clsx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
 
 co@^4.6.0:
   version "4.6.0"
-Original file line number
+Diff line change
@@ Expand Up / @@ -152,4 +152,4 @@ export default function LaunchPage() { @@
           </Box>
         </Row>
       )
-    }
+    }