From b3253562a50d71d8f971fd65d470444f6f4eb20e Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Wed, 17 Jul 2024 14:25:41 +0530
Subject: [PATCH] Dynamically set Content cards buttons based on already setup
 or not

---
 src/interface/web/app/settings/page.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/interface/web/app/settings/page.tsx b/src/interface/web/app/settings/page.tsx
index 2b4a3811..f0511ddd 100644
--- a/src/interface/web/app/settings/page.tsx
+++ b/src/interface/web/app/settings/page.tsx
@@ -15,6 +15,7 @@ import {
 import NavMenu from "../components/navMenu/navMenu";
 import SidePanel from "../components/sidePanel/chatHistorySidePanel";
 import Loading from "../components/loading/loading";
+import { ArrowRight } from "@phosphor-icons/react";
 
 
 interface CardComponentProps {
@@ -91,8 +92,8 @@ export default function SettingsView() {
                                             Manage your synced files
                                         </CardContent>
                                         <CardFooter className="flex gap-4">
-                                            <Button variant="outline" size="sm">Update</Button>
-                                            <Button variant="outline" size="sm">Disable</Button>
+                                            <Button variant="outline" size="sm">{userConfig?.enabled_content_source.computer ? "Update" : "Setup"} <ArrowRight className="inline ml-2" weight="bold"/></Button>
+                                            <Button variant="outline" size="sm" className={`${userConfig?.enabled_content_source.computer ? "" : "hidden"}`}>Disable</Button>
                                         </CardFooter>
                                     </Card>
                                     <Card className={cardClassName}>
@@ -101,8 +102,8 @@ export default function SettingsView() {
                                             Set repositories to index
                                         </CardContent>
                                         <CardFooter className="flex gap-4">
-                                            <Button variant="outline" size="sm">Setup</Button>
-                                            <Button variant="outline" size="sm">Sync</Button>
+                                            <Button variant="outline" size="sm">{userConfig?.enabled_content_source.github ? "Update" : "Setup"} <ArrowRight className="inline ml-2" weight="bold"/></Button>
+                                            <Button variant="outline" size="sm" className={`${userConfig?.enabled_content_source.github ? "" : "hidden"}`}>Disable</Button>
                                         </CardFooter>
                                     </Card>
                                     <Card className={cardClassName}>
@@ -111,8 +112,8 @@ export default function SettingsView() {
                                             Sync your Notion pages
                                         </CardContent>
                                         <CardFooter className="flex gap-4">
-                                            <Button variant="outline" size="sm">Setup</Button>
-                                            <Button variant="outline" size="sm">Sync</Button>
+                                            <Button variant="outline" size="sm">{userConfig?.enabled_content_source.notion ? "Update" : "Setup"} <ArrowRight className="inline ml-2" weight="bold"/></Button>
+                                            <Button variant="outline" size="sm" className={`${userConfig?.enabled_content_source.notion ? "" : "hidden"}`}>Disable</Button>
                                         </CardFooter>
                                     </Card>
                                     <Card className={cardClassName}>