cleanup

README.md

@@ -1,6 +1,6 @@
 ---
-title: new google
-emoji: 📚
+title: google clone
+emoji: 📚🎩
 colorFrom: yellow
 colorTo: indigo
 sdk: docker
@@ -8,43 +8,8 @@ app_port: 3000
 pinned: false
 ---
 
+# 🎩 serp-chat 📚
+
 This is a fork of https://github.com/sahandghavidel/google-clone-nextjs13
 
 This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

src/components/HomeSearch.jsx

@@ -3,7 +3,9 @@
 import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { AiOutlineSearch } from "react-icons/ai";
-import { BsFillMicFill } from "react-icons/bs";
+
+const PresearchPrompt = "Please extract search terms from the user’s question. The search terms is a concise sentence, which will be searched on Google to obtain relevant information to answer the user’s question, too generalized search terms doesn’t help. Please provide no more than two search terms. Please provide the most relevant search terms only, the search terms should directly correspond to the user’s question. Please separate different search items with commas, with no quote marks. The user’s question is:"
+
 export default function HomeSearch() {
   const router = useRouter();
   const [input, setInput] = useState("");
@@ -15,9 +17,9 @@ export default function HomeSearch() {
   }
   async function randomSearch() {
     setRandomSearchLoading(true);
+    // 
     const response = await fetch("https://random-word-api.herokuapp.com/word")
       .then((res) => res.json())
-      .then((data) => data[0]);
     if (!response) return;
     router.push(`/search/web?searchTerm=${response}`);
     setRandomSearchLoading(false);

src/components/WebSearchResults.jsx

@@ -3,8 +3,13 @@ import Parser from "html-react-parser";
 import PaginationButtons from "./PaginationButtons";
 
 export default function WebSearchResults({ results }) {
+
+  
   return (
     <div className="w-full mx-auto px-3 pb-40 sm:pb-24 sm:pl-[5%] md:pl-[14%] lg:pl-52">
+      <div className="w-1/4">
+        <h1>Test</h1>
+      </div>
       <div className="flex-grow">
         <p className="text-gray-600 text-sm mb-5 mt-3">
           About {results.searchInformation?.formattedTotalResults} results (
@@ -29,9 +34,6 @@ export default function WebSearchResults({ results }) {
         ))}
         <PaginationButtons />
       </div>
-      <div className="w-1/4">
-          <h1>Test</h1>
-      </div>
     </div>
   );
 }