From 4551ad2964e21e1bf85866b79acd25bf556aa26d Mon Sep 17 00:00:00 2001
From: molvqingtai <molvqingtai@gmail.com>
Date: Wed, 2 Oct 2024 18:21:42 +0800
Subject: [PATCH] perf: add version link

---
 package.json                               |  2 +-
 src/app/options/App.tsx                    |  2 ++
 src/app/options/components/VersionLink.tsx | 20 ++++++++++++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/app/options/components/VersionLink.tsx

diff --git a/package.json b/package.json
index 1086dda..dcbed23 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "web-chat",
   "displayName": "WebChat",
-  "version": "1.0.28",
+  "version": "1.0.0",
   "description": "Chat with anyone on any website.",
   "type": "module",
   "scripts": {
diff --git a/src/app/options/App.tsx b/src/app/options/App.tsx
index 3afe427..fe049e8 100644
--- a/src/app/options/App.tsx
+++ b/src/app/options/App.tsx
@@ -3,10 +3,12 @@ import Main from './components/Main'
 import ProfileForm from './components/ProfileForm'
 import BadgeList from './components/BadgeList'
 import Layout from './components/Layout'
+import VersionLink from './components/VersionLink'
 
 function App() {
   return (
     <Layout>
+      <VersionLink></VersionLink>
       <Main>
         <ProfileForm></ProfileForm>
         <Toaster richColors position="top-center" />
diff --git a/src/app/options/components/VersionLink.tsx b/src/app/options/components/VersionLink.tsx
new file mode 100644
index 0000000..4325003
--- /dev/null
+++ b/src/app/options/components/VersionLink.tsx
@@ -0,0 +1,20 @@
+import { FC } from 'react'
+import { Button } from '@/components/ui/Button'
+import Link from '@/components/Link'
+import { version } from '@/../package.json'
+
+const VersionLink: FC = () => {
+  return (
+    <Button
+      size="lg"
+      variant="ghost"
+      className="fixed right-4 top-2 rounded-full px-3 text-base font-medium text-primary"
+    >
+      <Link href="https://github.com/molvqingtai/WebChat/releases">Version: v{version}</Link>
+    </Button>
+  )
+}
+
+VersionLink.displayName = 'VersionLink'
+
+export default VersionLink