Add links to nonexistent customer route

wbt · Oct 22, 2023 · 99a8359 · 99a8359
1 parent 6c91667
commit 99a8359
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -3,7 +3,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { SwitchTheme } from "./SwitchTheme";
-import { Bars3Icon, BuildingStorefrontIcon } from "@heroicons/react/24/outline";
+import { Bars3Icon, BuildingStorefrontIcon, ShoppingCartIcon } from "@heroicons/react/24/outline";
 import { FaucetButton, RainbowKitCustomConnectButton } from "~~/components/scaffold-eth";
 import { useOutsideClick } from "~~/hooks/scaffold-eth";
 
@@ -23,6 +23,11 @@ export const menuLinks: HeaderMenuLink[] = [
     href: "/merchant",
     icon: <BuildingStorefrontIcon className="h-4 w-4" />,
   },
+  {
+    label: "Customer: Manage subscriptions",
+    href: "/customer",
+    icon: <ShoppingCartIcon className="h-4 w-4" />,
+  },
 ];
 
 export const HeaderMenuLinks = () => {

diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
@@ -1,6 +1,6 @@
 import Link from "next/link";
 import type { NextPage } from "next";
-import { BuildingStorefrontIcon, SparklesIcon } from "@heroicons/react/24/outline";
+import { BuildingStorefrontIcon, ShoppingCartIcon } from "@heroicons/react/24/outline";
 import { MetaHeader } from "~~/components/MetaHeader";
 
 const Home: NextPage = () => {
@@ -36,13 +36,14 @@ const Home: NextPage = () => {
               </p>
             </div>
             <div className="flex flex-col bg-base-100 px-10 py-10 text-center items-center max-w-xs rounded-3xl">
-              <SparklesIcon className="h-8 w-8 fill-secondary" />
+              <ShoppingCartIcon className="h-8 w-8 fill-secondary" />
               <p>
-                Experiment with{" "}
-                <Link href="/example-ui" passHref className="link">
-                  Example UI
+                API users/customers:
+                <br />
+                <Link href="/customer" passHref className="link">
+                  Click here
                 </Link>{" "}
-                to build your own UI.
+                to add or manage a subscription.
               </p>
             </div>
           </div>