From 7fb24a68990bb37a15ad01f0f97c7b18a148c20c Mon Sep 17 00:00:00 2001
From: molvqingtai <molvqingtai@gmail.com>
Date: Fri, 27 Sep 2024 05:54:03 +0800
Subject: [PATCH] perf: add github link

---
 src/app/content/components/MessageList.tsx    |  2 +-
 src/app/content/views/Setup/index.tsx         |  2 +-
 src/app/options/App.tsx                       | 14 ++++++++-----
 src/app/options/components/BadgeList.tsx      | 20 +++++++++++++++++++
 .../components/{Layout.tsx => Main.tsx}       |  8 ++++----
 5 files changed, 35 insertions(+), 11 deletions(-)
 create mode 100644 src/app/options/components/BadgeList.tsx
 rename src/app/options/components/{Layout.tsx => Main.tsx} (75%)

diff --git a/src/app/content/components/MessageList.tsx b/src/app/content/components/MessageList.tsx
index 0d5dac2..25ffd5d 100644
--- a/src/app/content/components/MessageList.tsx
+++ b/src/app/content/components/MessageList.tsx
@@ -1,4 +1,4 @@
-import { FC, forwardRef, useRef, useState, type ReactElement } from 'react'
+import { FC, useState, type ReactElement } from 'react'
 
 import { type MessageItemProps } from './MessageItem'
 import { type PromptItemProps } from './PromptItem'
diff --git a/src/app/content/views/Setup/index.tsx b/src/app/content/views/Setup/index.tsx
index d7afa98..a7e306a 100644
--- a/src/app/content/views/Setup/index.tsx
+++ b/src/app/content/views/Setup/index.tsx
@@ -98,7 +98,7 @@ const Setup: FC = () => {
   }, [])
 
   return (
-    <div className="absolute inset-0 z-50 flex  rounded-xl bg-black/10 shadow-2xl  backdrop-blur-sm">
+    <div className="absolute inset-0 z-50 flex rounded-xl bg-black/10 shadow-2xl  backdrop-blur-sm">
       <div className="m-auto flex flex-col items-center justify-center gap-y-8 pb-40 drop-shadow-lg">
         <BlurFade key={userInfo?.avatar} inView>
           <Avatar className="size-24 cursor-pointer border-4 border-white ">
diff --git a/src/app/options/App.tsx b/src/app/options/App.tsx
index 6e78011..94438c2 100644
--- a/src/app/options/App.tsx
+++ b/src/app/options/App.tsx
@@ -1,13 +1,17 @@
 import { Toaster } from 'sonner'
-import Layout from './components/Layout'
+import Main from './components/Main'
 import ProfileForm from './components/ProfileForm'
+import BadgeList from './components/BadgeList'
 
 function App() {
   return (
-    <Layout>
-      <ProfileForm></ProfileForm>
-      <Toaster richColors position="top-center" />
-    </Layout>
+    <>
+      <BadgeList></BadgeList>
+      <Main>
+        <ProfileForm></ProfileForm>
+        <Toaster richColors position="top-center" />
+      </Main>
+    </>
   )
 }
 
diff --git a/src/app/options/components/BadgeList.tsx b/src/app/options/components/BadgeList.tsx
new file mode 100644
index 0000000..6ec7f07
--- /dev/null
+++ b/src/app/options/components/BadgeList.tsx
@@ -0,0 +1,20 @@
+import { FC } from 'react'
+import { Button } from '@/components/ui/Button'
+import { GitHubLogoIcon } from '@radix-ui/react-icons'
+
+const BadgeList: FC = () => {
+  return (
+    <div className="fixed inset-x-1 bottom-6 mx-auto flex w-fit font-sans">
+      <Button asChild size="lg" variant="ghost" className="rounded-full px-3 text-xl font-semibold text-primary">
+        <a href="https://github.com/molvqingtai/WebChat" target="https://github.com/molvqingtai/WebChat">
+          <GitHubLogoIcon className="mr-1 size-6"></GitHubLogoIcon>
+          Github
+        </a>
+      </Button>
+    </div>
+  )
+}
+
+BadgeList.displayName = 'BadgeList'
+
+export default BadgeList
diff --git a/src/app/options/components/Layout.tsx b/src/app/options/components/Main.tsx
similarity index 75%
rename from src/app/options/components/Layout.tsx
rename to src/app/options/components/Main.tsx
index 13e56ad..bdb9413 100644
--- a/src/app/options/components/Layout.tsx
+++ b/src/app/options/components/Main.tsx
@@ -4,14 +4,14 @@ export interface AppLayoutProps {
   children?: ReactNode
 }
 
-const Layout: FC<AppLayoutProps> = ({ children }) => {
+const Main: FC<AppLayoutProps> = ({ children }) => {
   return (
-    <main className="grid min-h-screen min-w-screen items-center justify-center bg-gray-50 bg-[url(@/assets/images/texture.png)]">
+    <main className="grid min-h-screen min-w-screen items-center justify-center bg-gray-50 bg-[url(@/assets/images/texture.png)] font-sans">
       <div className="relative rounded-xl bg-slate-50 shadow-lg">{children}</div>
     </main>
   )
 }
 
-Layout.displayName = 'Layout'
+Main.displayName = 'Main'
 
-export default Layout
+export default Main