From 664fe7fbcaf64783edc3c6be054fe50dfd305da0 Mon Sep 17 00:00:00 2001
From: Nathanael Fredericko <79194414+nathfred@users.noreply.github.com>
Date: Thu, 3 Apr 2025 21:31:12 +0700
Subject: [PATCH] Update header details & readme

---
 README.md                             |  6 +++---
 packages/nextjs/app/layout.tsx        |  4 ++--
 packages/nextjs/components/Header.tsx | 23 ++++++++++++++---------
 3 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 6218d06..f890f66 100644
--- a/README.md
+++ b/README.md
@@ -40,13 +40,13 @@ yarn install
 cd packages/hardhat
 ```
 
-4. Start the Hardhat local blockchain:
+4. Start the Hardhat local hardhat blockchain
 
 ```
-yarn hardhat node
+yarn hardhat node --network hardhat
 ```
 
-5. Open other terminal and deploy the contract on hardhat chain
+5. Open other terminal and deploy the contract on local hardhat blockchain
 
 ```
 yarn hardhat deploy --network hardhat
diff --git a/packages/nextjs/app/layout.tsx b/packages/nextjs/app/layout.tsx
index be1234b..3c75be4 100644
--- a/packages/nextjs/app/layout.tsx
+++ b/packages/nextjs/app/layout.tsx
@@ -5,8 +5,8 @@ import "~~/styles/globals.css";
 import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 export const metadata = getMetadata({
-  title: "Scaffold-ETH 2 App",
-  description: "Built with 🏗 Scaffold-ETH 2",
+  title: "Expense Splitter",
+  description: "Built on Ethereum",
 });
 
 const ScaffoldEthApp = ({ children }: { children: React.ReactNode }) => {
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 4525fba..79f1836 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -1,11 +1,12 @@
 "use client";
 
 import React, { useCallback, useRef, useState } from "react";
-import Image from "next/image";
+// import Image from "next/image";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { hardhat } from "viem/chains";
-import { Bars3Icon, BugAntIcon } from "@heroicons/react/24/outline";
+// import { Bars3Icon, BugAntIcon } from "@heroicons/react/24/outline";
+import { Bars3Icon } from "@heroicons/react/24/outline";
 import { FaucetButton, RainbowKitCustomConnectButton } from "~~/components/scaffold-eth";
 import { useOutsideClick, useTargetNetwork } from "~~/hooks/scaffold-eth";
 
@@ -20,10 +21,14 @@ export const menuLinks: HeaderMenuLink[] = [
     label: "Home",
     href: "/",
   },
+  // {
+  //   label: "Debug Contracts",
+  //   href: "/debug",
+  //   icon: <BugAntIcon className="h-4 w-4" />,
+  // },
   {
-    label: "Debug Contracts",
-    href: "/debug",
-    icon: <BugAntIcon className="h-4 w-4" />,
+    label: "Expense Splitter",
+    href: "/expensesplitter",
   },
 ];
 
@@ -93,12 +98,12 @@ export const Header = () => {
           )}
         </div>
         <Link href="/" passHref className="hidden lg:flex items-center gap-2 ml-4 mr-6 shrink-0">
-          <div className="flex relative w-10 h-10">
+          {/* <div className="flex relative w-10 h-10">
             <Image alt="SE2 logo" className="cursor-pointer" fill src="/logo.svg" />
-          </div>
+          </div> */}
           <div className="flex flex-col">
-            <span className="font-bold leading-tight">Scaffold-ETH</span>
-            <span className="text-xs">Ethereum dev stack</span>
+            <span className="font-bold leading-tight">Expense Splitter</span>
+            <span className="text-xs">on Ethereum</span>
           </div>
         </Link>
         <ul className="hidden lg:flex lg:flex-nowrap menu menu-horizontal px-1 gap-2">