[ECO-1805] update header (#117)

econia-labs · Jun 22, 2024 · 018c1a7 · 018c1a7
1 parent 3ec95a3
commit 018c1a7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/typescript/frontend/src/components/header/constants.ts b/src/typescript/frontend/src/components/header/constants.ts
@@ -4,4 +4,5 @@ export const NAVIGATE_LINKS = [
   { title: "home", path: ROUTES.home, width: "45px" },
   { title: "pools", path: ROUTES.pools, width: "52px" },
   { title: "launch emojicoin", path: ROUTES.launch, width: "158px" },
+  { title: "start here", path: ROUTES.startHere, width: "100px" },
 ];
diff --git a/src/typescript/frontend/src/components/header/index.tsx b/src/typescript/frontend/src/components/header/index.tsx
@@ -53,14 +53,14 @@ const Header: React.FC<HeaderProps> = ({ isOpen, setIsOpen }) => {
 
       <Container>
         <Flex my="30px" justifyContent="space-between" alignItems="center">
-          <Link href={ROUTES.home}>
+          <Link marginLeft="50px" href={ROUTES.home}>
             <StyledClickItem>
               <LogoIcon width="170px" cursor="pointer" />
             </StyledClickItem>
           </Link>
 
           {isDesktop && (
-            <FlexGap gap="24px" alignItems="center">
+            <FlexGap marginRight="50px" gap="24px" alignItems="center">
               {linksForCurrentPage.map(({ title, path, width }) => {
                 return (
                   <Link key={title} href={path}>
@@ -73,7 +73,7 @@ const Header: React.FC<HeaderProps> = ({ isOpen, setIsOpen }) => {
           )}
 
           {!isDesktop && (
-            <Button scale="lg" onClick={() => setIsOpen(!isOpen)}>
+            <Button marginRight="50px" scale="lg" onClick={() => setIsOpen(!isOpen)}>
               {t("Menu")}
             </Button>
           )}

diff --git a/src/typescript/frontend/src/router/routes.ts b/src/typescript/frontend/src/router/routes.ts
@@ -6,4 +6,5 @@ export const ROUTES = {
   launch: "/launch",
   pools: "/pools",
   verify: "/verify",
+  startHere: "",
 } as const;