Header Completed

Honeycomb-Protocol · Feb 21, 2024 · 95b5aa9 · 95b5aa9
1 parent 27ad1df
commit 95b5aa9
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 8 deletions.
diff --git a/components/header/index.tsx b/components/header/index.tsx
@@ -1,15 +1,53 @@
 import React from "react";
 import Image from "next/image";
+import { WalletMultiButton } from "@solana/wallet-adapter-react-ui";
+import Footer from "../footer";
 
 const Header = () => {
   return (
-    <div className="flex justify-center items-center w-full">
-      <Image
-        src="/assets/images/logo.png"
-        alt="logo"
-        width={350}
-        height={0}
-      />
+    <div
+      className={`flex flex-row ${
+        window.location.pathname !== "/" ? "justify-between" : "justify-center"
+      } items-center  w-full`}
+    >
+      {window.location.pathname !== "/" && (
+        <WalletMultiButton
+          style={{
+            height: "40px",
+            borderRadius: "15px",
+            backgroundColor: "transparent",
+            color: "#ffffff",
+            width: "174px",
+            display: "flex",
+            justifyContent: "center",
+            border: "2px solid #8E8B77",
+            fontSize: "12px",
+          }}
+        />
+      )}
+      <Image src="/assets/images/logo.png" alt="logo" width={350} height={0} />
+      {window.location.pathname !== "/" && (
+        <div className="flex flex-row gap-3">
+          <Image
+            width={30}
+            height={30}
+            src="/assets/svgs/github-icon.svg"
+            alt="github"
+          />
+          <Image
+            width={30}
+            height={30}
+            src="/assets/svgs/discord-icon.svg"
+            alt="discord"
+          />
+          <Image
+            width={30}
+            height={30}
+            src="/assets/svgs/twitter-icon.svg"
+            alt="twitter"
+          />
+        </div>
+      )}
     </div>
   );
 };

diff --git a/components/wallet-context-provider/wallet-connect-button.tsx b/components/wallet-context-provider/wallet-connect-button.tsx
@@ -1,9 +1,11 @@
 import { useWallet } from "@solana/wallet-adapter-react";
 import { WalletMultiButton } from "@solana/wallet-adapter-react-ui";
+import { useRouter } from "next/router";
 
 import Button from "@/components/common/button";
 
 const WalletConnectButton = () => {
+  const router = useRouter();
   const { publicKey } = useWallet();
   return (
     <div>
@@ -33,7 +35,9 @@ const WalletConnectButton = () => {
             styles="w-96"
             btnText="Let's Create an Account"
             loading={false}
-            onClick={() => {}}
+            onClick={() => {
+              router.push("/create-profile");
+            }}
           />
         ) : (
           <WalletMultiButton

diff --git a/pages/create-profile.tsx b/pages/create-profile.tsx
@@ -0,0 +1,7 @@
+import React from "react";
+
+const createProfile = () => {
+  return <div>create-profile</div>;
+};
+
+export default createProfile;