Add HTML metadata in the application layout file (#31)

Refactor code for readability, linting, and package updates - Update multiple packages for project dependency - Alter TypeScript compilation target from `es5` to `ES2015` - Improve HTML metadata in the application layout file - Optimize code formatting and eslint configuration across various files
blrchen · Jul 16, 2023 · b40170e · b40170e · vercel · Jul 16, 2023
1 parent f7b6ea0
commit b40170e
Show file tree

Hide file tree

Showing 10 changed files with 197 additions and 192 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,22 +1,3 @@
 {
-  "extends": "next/core-web-vitals",
-  "rules": {
-    "react/react-in-jsx-scope": 0,
-    "import/no-extraneous-dependencies": 0,
-    "no-sparse-arrays": 1,
-    "import/extensions": 0,
-    "no-shadow": 0,
-    "no-nested-ternary": 0,
-    "no-restricted-globals": 0,
-    "@typescript-eslint/ban-types": 0,
-    "react/static-property-placement": [
-      "warn",
-      "property assignment",
-      {
-        "contextTypes": "static public field",
-        "contextType": "static public field",
-        "displayName": "static public field"
-      }
-    ]
-  }
+  "extends": "next/core-web-vitals"
 }
diff --git a/app/api/chat/route.ts b/app/api/chat/route.ts
@@ -6,7 +6,7 @@ export interface Message {
 }
 export async function POST(req: NextRequest) {
   try {
-    const { prompt,  messages,input } = (await req.json()) as {
+    const { prompt, messages, input } = (await req.json()) as {
       prompt: string
       messages: Message[]
       input: string

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -4,11 +4,20 @@ import './globals.css'
 import { Inter } from 'next/font/google'
 import { Toaster } from 'react-hot-toast'
 import { ThemeProvider } from '@material-tailwind/react'
+
 const inter = Inter({ subsets: ['latin'] })
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
+      <head>
+        <title>ChatGPT Lite</title>
+        <meta name="description" content="AI assistant powered by ChatGPT" />
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1"
+        />
+      </head>
       <body className={inter.className}>
         <ThemeProvider>
           <Toaster

diff --git a/components/chat/index.tsx b/components/chat/index.tsx
@@ -176,9 +176,7 @@ const Chat = (props: ChatProps, ref: any) => {
         {currentChat?.persona?.name}
       </div>
       <div className="flex-1 overflow-auto">
-        {conversation?.map((item, index) => (
-          <Message key={index} message={item} />
-        ))}
+        {conversation?.map((item, index) => <Message key={index} message={item} />)}
         {currentMessage && <Message message={{ content: currentMessage, role: 'assistant' }} />}
         <div ref={bottomOfChatRef}></div>
       </div>

diff --git a/components/personaModal/NormalForm.tsx b/components/personaModal/NormalForm.tsx
@@ -34,6 +34,7 @@ const NormalForm = (props: NormalFormProps, ref: any) => {
       setValue('name', detail.name, { shouldTouch: true })
       setValue('prompt', detail.prompt, { shouldTouch: true })
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [detail])
 
   return (

diff --git a/components/personaPanel/index.tsx b/components/personaPanel/index.tsx
@@ -32,6 +32,7 @@ const PersonaPanel = (props: PersonaPanelProps) => {
   const [promptList, setPromptList] = useState<Persona[]>([])
   const [searchText, setSearchText] = useState('')
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const handleSearch = useCallback(
     debounce((type: string, list: Persona[], searchText: string) => {
       setPromptList(

diff --git a/hooks/useChatHook.ts b/hooks/useChatHook.ts
@@ -188,6 +188,7 @@ const useChatHook = () => {
       document.body.removeAttribute('style')
       localStorage.setItem(StorageKeys.Chat_List, JSON.stringify(chatList))
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   useEffect(() => {