From feb04cce87a03fcce3672932b60fa973a9b0ec8d Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 17 Nov 2024 16:27:10 +0800
Subject: [PATCH] feat: about info

---
 .../src/components/AboutInfoDialog/index.tsx  | 57 +++++++++++++++++++
 src/renderer/src/components/Sidebar/index.tsx | 12 ++++
 .../src/components/Username/index.tsx         |  2 +-
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 src/renderer/src/components/AboutInfoDialog/index.tsx

diff --git a/src/renderer/src/components/AboutInfoDialog/index.tsx b/src/renderer/src/components/AboutInfoDialog/index.tsx
new file mode 100644
index 00000000..eca4c955
--- /dev/null
+++ b/src/renderer/src/components/AboutInfoDialog/index.tsx
@@ -0,0 +1,57 @@
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger
+} from '@renderer/components/ui/dialog'
+import Username from '../Username'
+
+export default function AboutInfoDialog({ children }: { children: React.ReactNode }) {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>{children}</DialogTrigger>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Jumble</DialogTitle>
+          <DialogDescription>yet another nostr client</DialogDescription>
+        </DialogHeader>
+        <div>
+          Made by{' '}
+          <Username
+            userId={'npub1syjmjy0dp62dhccq3g97fr87tngvpvzey08llyt6ul58m2zqpzps9wf6wl'}
+            className="inline-block text-primary"
+            showAt
+          />
+        </div>
+        <div>
+          Source code:{' '}
+          <a
+            href="https://github.com/CodyTseng/jumble"
+            target="_blank"
+            rel="noreferrer"
+            className="text-primary hover:underline"
+          >
+            GitHub
+          </a>
+        </div>
+        <div>
+          Desktop app:{' '}
+          <a
+            href="https://github.com/CodyTseng/jumble/releases"
+            target="_blank"
+            rel="noreferrer"
+            className="text-primary hover:underline"
+          >
+            Download
+          </a>
+        </div>
+        <div>
+          If you like this project, you can buy me a coffee ☕️ <br />
+          <div className="font-semibold">⚡️ codytseng@getalby.com ⚡️</div>
+        </div>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/src/renderer/src/components/Sidebar/index.tsx b/src/renderer/src/components/Sidebar/index.tsx
index 0991f10a..af0590a4 100644
--- a/src/renderer/src/components/Sidebar/index.tsx
+++ b/src/renderer/src/components/Sidebar/index.tsx
@@ -1,5 +1,9 @@
+import { Button } from '@renderer/components/ui/button'
+import { IS_ELECTRON } from '@renderer/lib/env'
 import { toHome } from '@renderer/lib/link'
 import { SecondaryPageLink } from '@renderer/PageManager'
+import { Info } from 'lucide-react'
+import AboutInfoDialog from '../AboutInfoDialog'
 import AccountButton from '../AccountButton'
 import PostButton from '../PostButton'
 import RefreshButton from '../RefreshButton'
@@ -15,6 +19,14 @@ export default function PrimaryPageSidebar() {
         <PostButton variant="sidebar" />
         <RelaySettingsPopover variant="sidebar" />
         <RefreshButton variant="sidebar" />
+        {!IS_ELECTRON && (
+          <AboutInfoDialog>
+            <Button variant="sidebar" size="sidebar">
+              <Info />
+              About
+            </Button>
+          </AboutInfoDialog>
+        )}
       </div>
       <AccountButton variant="sidebar" />
     </div>
diff --git a/src/renderer/src/components/Username/index.tsx b/src/renderer/src/components/Username/index.tsx
index a11a082c..ea11aa10 100644
--- a/src/renderer/src/components/Username/index.tsx
+++ b/src/renderer/src/components/Username/index.tsx
@@ -36,7 +36,7 @@ export default function Username({
           </SecondaryPageLink>
         </div>
       </HoverCardTrigger>
-      <HoverCardContent className="w-72">
+      <HoverCardContent className="w-80">
         <ProfileCard pubkey={pubkey} />
       </HoverCardContent>
     </HoverCard>