From 9ca49b24102972d80a2090d4e806d9e0d9190310 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 9 Nov 2024 11:46:04 +0000
Subject: ui: Mark the RSS subscriptions as an experimental feature

---
 apps/web/components/settings/FeedSettings.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'apps/web/components/settings/FeedSettings.tsx')

diff --git a/apps/web/components/settings/FeedSettings.tsx b/apps/web/components/settings/FeedSettings.tsx
index 09e6264c..4880132c 100644
--- a/apps/web/components/settings/FeedSettings.tsx
+++ b/apps/web/components/settings/FeedSettings.tsx
@@ -22,6 +22,7 @@ import {
   CheckCircle,
   CircleDashed,
   Edit,
+  FlaskConical,
   Plus,
   Save,
   Trash2,
@@ -55,6 +56,7 @@ import {
   TableHeader,
   TableRow,
 } from "../ui/table";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
 
 export function FeedsEditorDialog() {
   const [open, setOpen] = React.useState(false);
@@ -373,7 +375,15 @@ export default function FeedSettings() {
       <div className="rounded-md border bg-background p-4">
         <div className="flex flex-col gap-2">
           <div className="flex items-center justify-between">
-            <div className="mb-2 text-lg font-medium">RSS Subscriptions</div>
+            <span className="flex items-center gap-2 text-lg font-medium">
+              RSS Subscriptions
+              <Tooltip>
+                <TooltipTrigger className="text-muted-foreground">
+                  <FlaskConical size={15} />
+                </TooltipTrigger>
+                <TooltipContent side="bottom">Experimental</TooltipContent>
+              </Tooltip>
+            </span>
             <FeedsEditorDialog />
           </div>
           {isLoading && <FullPageSpinner />}
-- 
cgit v1.2.3-70-g09d2

