From 8ec90f194f246fe42ee59bf59d3b21515cb757bb Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Thu, 25 Jul 2024 10:37:48 +0530
Subject: [PATCH] Add title icons for each content section card on settings
 page

---
 src/interface/web/app/common/auth.ts    |  1 -
 src/interface/web/app/settings/page.tsx | 11 +++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/interface/web/app/common/auth.ts b/src/interface/web/app/common/auth.ts
index 2958350d..bf794092 100644
--- a/src/interface/web/app/common/auth.ts
+++ b/src/interface/web/app/common/auth.ts
@@ -72,7 +72,6 @@ export function useUserConfig(detailed: boolean = false) {
     const { data, error } = useSWR<UserConfig>(url, fetcher, { revalidateOnFocus: false });
 
     if (error || !data || data.detail === 'Forbidden') return null;
-    console.log(data);
 
     return data;
 }
diff --git a/src/interface/web/app/settings/page.tsx b/src/interface/web/app/settings/page.tsx
index e7e4c943..f8c6611e 100644
--- a/src/interface/web/app/settings/page.tsx
+++ b/src/interface/web/app/settings/page.tsx
@@ -42,6 +42,9 @@ import {
     PlusCircle,
     CreditCard,
     CheckCircle,
+    NotionLogo,
+    GithubLogo,
+    Files
 } from "@phosphor-icons/react";
 
 import NavMenu from "../components/navMenu/navMenu";
@@ -73,7 +76,7 @@ const DropdownComponent: React.FC<DropdownComponentProps> = ({ items, selected,
                         onValueChange={async (value) => { setPosition(value); await callbackFunc(value); }}
                     >
                         {items.map((item) => (
-                            <DropdownMenuRadioItem value={item.id.toString()}>
+                            <DropdownMenuRadioItem key={item.id.toString()} value={item.id.toString()}>
                                 {item.name}
                             </DropdownMenuRadioItem>
                         ))}
@@ -267,7 +270,7 @@ export default function SettingsView() {
                                 <div className="text-4xl">Content</div>
                                 <div className="cards flex flex-wrap gap-16">
                                     <Card className={cardClassName}>
-                                        <CardHeader className="text-xl flex flex-row">Files</CardHeader>
+                                        <CardHeader className="text-xl flex flex-row"><Files className="h-7 w-7 mr-2" />Files</CardHeader>
                                         <CardContent className="overflow-hidden">
                                             Manage your synced files
                                         </CardContent>
@@ -277,7 +280,7 @@ export default function SettingsView() {
                                         </CardFooter>
                                     </Card>
                                     <Card className={cardClassName}>
-                                        <CardHeader className="text-xl flex flex-row">Github</CardHeader>
+                                        <CardHeader className="text-xl flex flex-row"><GithubLogo className="h-7 w-7 mr-2" />Github</CardHeader>
                                         <CardContent className="overflow-hidden">
                                             Set repositories to index
                                         </CardContent>
@@ -287,7 +290,7 @@ export default function SettingsView() {
                                         </CardFooter>
                                     </Card>
                                     <Card className={cardClassName}>
-                                        <CardHeader className="text-xl flex flex-row">Notion</CardHeader>
+                                        <CardHeader className="text-xl flex flex-row"><NotionLogo className="h-7 w-7 mr-2" />Notion</CardHeader>
                                         <CardContent className="overflow-hidden">
                                             Sync your Notion pages
                                         </CardContent>