From ab293585725ca26c8b7889d787ad6dea8470a366 Mon Sep 17 00:00:00 2001
From: LiAohua <liaohua@LiAohuadeMacBook-Pro.local>
Date: Sat, 14 Oct 2023 12:07:46 +0800
Subject: [PATCH] update with page optimized

---
 packages/nextjs/components/Header.tsx | 14 ++---
 packages/nextjs/pages/eth-space.tsx   | 13 +++--
 packages/nextjs/pages/index copy.tsx  | 73 ---------------------------
 packages/nextjs/pages/index.tsx       | 20 +++++---
 4 files changed, 29 insertions(+), 91 deletions(-)
 delete mode 100644 packages/nextjs/pages/index copy.tsx

diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 6019f7f..abf8617 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -27,11 +27,11 @@ export const menuLinks: HeaderMenuLink[] = [
   //   href: "/example-ui",
   //   icon: <SparklesIcon className="h-4 w-4" />,
   // },
-  {
-    label: "ETH-SPACE",
-    href: "/",
-    icon: <SparklesIcon className="h-4 w-4" />,
-  },
+  // {
+  //   label: "ETH-SPACE",
+  //   href: "/",
+  //   icon: <SparklesIcon className="h-4 w-4" />,
+  // },
   // {
   //   label: "Block Explorer",
   //   href: "/blockexplorer",
@@ -106,8 +106,8 @@ export const Header = () => {
             <Image alt="SE2 logo" className="cursor-pointer" fill src="/logo.svg" />
           </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">AI-based Smart Contract Explorer</span>
+            <span className="text-xs">Search Smart Contracts in smarter way</span>
           </div>
         </Link>
         <ul className="hidden lg:flex lg:flex-nowrap menu menu-horizontal px-1 gap-2">
diff --git a/packages/nextjs/pages/eth-space.tsx b/packages/nextjs/pages/eth-space.tsx
index d9a9543..7869e58 100644
--- a/packages/nextjs/pages/eth-space.tsx
+++ b/packages/nextjs/pages/eth-space.tsx
@@ -20,7 +20,7 @@ const ETHSpace: NextPage = () => {
 
     //从后端获取数据集列表
     const fetchOptions = () => {
-        return ['eth-whitepaper', 'eth-contracts'];
+        return ['eth-smart-contracts', 'eth-smart-contracts-sliced', "eth-smart-contracts-analysis"];
     };
     //获取search prompt与dataset名字后向后端发request
     const handleonClick =()=>{
@@ -50,6 +50,7 @@ const ETHSpace: NextPage = () => {
                             <div>
                                 <div>
                                     <input
+                                        style={{width: "300px"}}
                                         className="input input-bordered join-item"
                                         value={seaPrompt}
                                         onChange={(e) => {
@@ -89,9 +90,13 @@ const ETHSpace: NextPage = () => {
                                 }}>Search</button>
                             </div>
                         </div>
-                        <span className="text-sm m-10">
-                            A search question example: Give me the examples about struct. The "type" in metadata should be "struct".
-                        </span>
+                        <div className="hero-content text-left">
+                            <span className="text-sm">
+                                <p><b>A search question example: </b></p>
+                                <p>* Give me some function examples about NFT</p>
+                                <p>* 0x73c7448760517E3E6e416b2c130E3c6dB2026A1d</p>
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/packages/nextjs/pages/index copy.tsx b/packages/nextjs/pages/index copy.tsx
deleted file mode 100644
index 4cac710..0000000
--- a/packages/nextjs/pages/index copy.tsx	
+++ /dev/null
@@ -1,73 +0,0 @@
-import Link from "next/link";
-import type { NextPage } from "next";
-import { BugAntIcon, MagnifyingGlassIcon, SparklesIcon } from "@heroicons/react/24/outline";
-import { MetaHeader } from "~~/components/MetaHeader";
-//se-2原先的home界面留存
-const Home: NextPage = () => {
-  return (
-    <>
-      <MetaHeader />
-      <div className="flex items-center flex-col flex-grow pt-10">
-        <div className="px-5">
-          <h1 className="text-center mb-8">
-            <span className="block text-2xl mb-2">Welcome to</span>
-            <span className="block text-4xl font-bold">Scaffold-ETH 2</span>
-          </h1>
-          <p className="text-center text-lg">
-            Get started by editing{" "}
-            <code className="italic bg-base-300 text-base font-bold max-w-full break-words break-all inline-block">
-              packages/nextjs/pages/index.tsx
-            </code>
-          </p>
-          <p className="text-center text-lg">
-            Edit your smart contract{" "}
-            <code className="italic bg-base-300 text-base font-bold max-w-full break-words break-all inline-block">
-              YourContract.sol
-            </code>{" "}
-            in{" "}
-            <code className="italic bg-base-300 text-base font-bold max-w-full break-words break-all inline-block">
-              packages/hardhat/contracts
-            </code>
-          </p>
-        </div>
-
-        <div className="flex-grow bg-base-300 w-full mt-16 px-8 py-12">
-          <div className="flex justify-center items-center gap-12 flex-col sm:flex-row">
-            <div className="flex flex-col bg-base-100 px-10 py-10 text-center items-center max-w-xs rounded-3xl">
-              <BugAntIcon className="h-8 w-8 fill-secondary" />
-              <p>
-                Tinker with your smart contract using the{" "}
-                <Link href="/debug" passHref className="link">
-                  Debug Contract
-                </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>
-                Experiment with{" "}
-                <Link href="/example-ui" passHref className="link">
-                  Example UI
-                </Link>{" "}
-                to build your own UI.
-              </p>
-            </div>
-            <div className="flex flex-col bg-base-100 px-10 py-10 text-center items-center max-w-xs rounded-3xl">
-              <MagnifyingGlassIcon className="h-8 w-8 fill-secondary" />
-              <p>
-                Explore your local transactions with the{" "}
-                <Link href="/blockexplorer" passHref className="link">
-                  Block Explorer
-                </Link>{" "}
-                tab.
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default Home;
diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
index d9a9543..f1b7603 100644
--- a/packages/nextjs/pages/index.tsx
+++ b/packages/nextjs/pages/index.tsx
@@ -20,7 +20,7 @@ const ETHSpace: NextPage = () => {
 
     //从后端获取数据集列表
     const fetchOptions = () => {
-        return ['eth-whitepaper', 'eth-contracts'];
+        return ['eth-smart-contracts', 'eth-smart-contracts-sliced', "eth-smart-contracts-analysis"];
     };
     //获取search prompt与dataset名字后向后端发request
     const handleonClick =()=>{
@@ -31,11 +31,12 @@ const ETHSpace: NextPage = () => {
             <div className="hero min-h-screen bg-base-200 bg-gradient-to-r from-green-500 to-blue-500">
                 <div className="hero-content text-center">
                     <div className="max-w-md">
-                        <h1 className="text-5xl font-bold">ETH-SPACE</h1>
-                        <p className="py-6">AI-based Smart Contract Explorer</p>
+                        <h1 className="text-2xl font-bold">AI-based Smart Contract Explorer</h1>
+                        <p className="py-6">-- Smart Contract Search Platform based on AI<br></br>
+                        -- Let AI fully assist smart contract developers</p>
                         <div className="form-control mb-6">
                             <label className="label cursor-pointer">
-                                <span className="label-text text-2xl">Search in the Public Dataset</span>
+                                <span className="label-text text-2xl">Search in the Free Dataset:</span>
                                 <input
                                     type="checkbox"
                                     className="toggle toggle-accent"
@@ -50,6 +51,7 @@ const ETHSpace: NextPage = () => {
                             <div>
                                 <div>
                                     <input
+                                        style={{width: "300px"}}
                                         className="input input-bordered join-item"
                                         value={seaPrompt}
                                         onChange={(e) => {
@@ -89,9 +91,13 @@ const ETHSpace: NextPage = () => {
                                 }}>Search</button>
                             </div>
                         </div>
-                        <span className="text-sm m-10">
-                            A search question example: Give me the examples about struct. The "type" in metadata should be "struct".
-                        </span>
+                        <div className="hero-content text-left">
+                            <span className="text-sm">
+                                <p><b>A search question example: </b></p>
+                                <p>* Give me some function examples about NFT</p>
+                                <p>* 0x73c7448760517E3E6e416b2c130E3c6dB2026A1d</p>
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>