From 4fcc682a15b9973f1d3e6b098e087d0352673aa6 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Mon, 21 Oct 2024 20:23:34 +0800
Subject: [PATCH] chore: add beta badge to relation graph

---
 web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx b/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx
index 87f15abf..f78368d5 100644
--- a/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx
+++ b/web/src/components/MemoDetailSidebar/MemoDetailSidebar.tsx
@@ -28,7 +28,10 @@ const MemoDetailSidebar = ({ memo, className }: Props) => {
         {shouldShowRelationGraph && (
           <div className="relative w-full h-36 border rounded-lg bg-zinc-50 dark:bg-zinc-900 dark:border-zinc-800">
             <MemoRelationForceGraph className="w-full h-full" memo={memo} />
-            <span className="absolute top-1 left-2 text-xs opacity-60 font-mono">Relations</span>
+            <div className="absolute top-1 left-2 text-xs opacity-60 font-mono gap-1 flex flex-row items-center">
+              <span>Relations</span>
+              <span className="text-xs opacity-60">(Beta)</span>
+            </div>
           </div>
         )}
         <div className="w-full flex flex-col">