feat: changed debug-noir icon and added link on Home.

bg-expiriments · Jul 6, 2023 · 9339a47 · 9339a47
1 parent f00872f
commit 9339a47
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
@@ -2,7 +2,7 @@ import React, { useCallback, useRef, useState } from "react";
 import Image from "next/image";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { Bars3Icon, BugAntIcon, MagnifyingGlassIcon, SparklesIcon, SunIcon } from "@heroicons/react/24/outline";
+import { Bars3Icon, BugAntIcon, CpuChipIcon, MagnifyingGlassIcon, SparklesIcon } from "@heroicons/react/24/outline";
 import { FaucetButton, RainbowKitCustomConnectButton } from "~~/components/scaffold-eth";
 import { useOutsideClick } from "~~/hooks/scaffold-eth";
 
@@ -46,15 +46,15 @@ export const Header = () => {
         </NavLink>
       </li>
       <li>
-        <NavLink href="/example-ui">
-          <SparklesIcon className="h-4 w-4" />
-          Example UI
+        <NavLink href="/debug-noir">
+          <CpuChipIcon className="h-4 w-4" />
+          Debug Circuits
         </NavLink>
       </li>
       <li>
-        <NavLink href="/debug-noir">
-          <SunIcon className="h-4 w-4" />
-          Debug Noir Circuits
+        <NavLink href="/example-ui">
+          <SparklesIcon className="h-4 w-4" />
+          Example UI
         </NavLink>
       </li>
       <li>

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 { BugAntIcon, MagnifyingGlassIcon, SparklesIcon } from "@heroicons/react/24/outline";
+import { BugAntIcon, CpuChipIcon, MagnifyingGlassIcon, SparklesIcon } from "@heroicons/react/24/outline";
 import { MetaHeader } from "~~/components/MetaHeader";
 
 const Home: NextPage = () => {
@@ -35,6 +35,16 @@ const Home: NextPage = () => {
                 tab.
               </p>
             </div>
+            <div className="flex flex-col bg-base-100 px-10 py-10 text-center items-center max-w-xs rounded-3xl">
+              <CpuChipIcon className="h-8 w-8 fill-secondary" />
+              <p>
+                Tinker with your ZK-circuit using the{" "}
+                <Link href="/debug-noir" passHref className="link">
+                  Debug Circuit
+                </Link>{" "}
+                tab.
+              </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" />
               <p>