Add title icons for each content section card on settings page

This commit is contained in:
Debanjum Singh Solanky
2024-07-25 10:37:48 +05:30
parent 60cdf61737
commit 8ec90f194f
2 changed files with 7 additions and 5 deletions

View File

@@ -72,7 +72,6 @@ export function useUserConfig(detailed: boolean = false) {
const { data, error } = useSWR<UserConfig>(url, fetcher, { revalidateOnFocus: false }); const { data, error } = useSWR<UserConfig>(url, fetcher, { revalidateOnFocus: false });
if (error || !data || data.detail === 'Forbidden') return null; if (error || !data || data.detail === 'Forbidden') return null;
console.log(data);
return data; return data;
} }

View File

@@ -42,6 +42,9 @@ import {
PlusCircle, PlusCircle,
CreditCard, CreditCard,
CheckCircle, CheckCircle,
NotionLogo,
GithubLogo,
Files
} from "@phosphor-icons/react"; } from "@phosphor-icons/react";
import NavMenu from "../components/navMenu/navMenu"; 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); }} onValueChange={async (value) => { setPosition(value); await callbackFunc(value); }}
> >
{items.map((item) => ( {items.map((item) => (
<DropdownMenuRadioItem value={item.id.toString()}> <DropdownMenuRadioItem key={item.id.toString()} value={item.id.toString()}>
{item.name} {item.name}
</DropdownMenuRadioItem> </DropdownMenuRadioItem>
))} ))}
@@ -267,7 +270,7 @@ export default function SettingsView() {
<div className="text-4xl">Content</div> <div className="text-4xl">Content</div>
<div className="cards flex flex-wrap gap-16"> <div className="cards flex flex-wrap gap-16">
<Card className={cardClassName}> <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"> <CardContent className="overflow-hidden">
Manage your synced files Manage your synced files
</CardContent> </CardContent>
@@ -277,7 +280,7 @@ export default function SettingsView() {
</CardFooter> </CardFooter>
</Card> </Card>
<Card className={cardClassName}> <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"> <CardContent className="overflow-hidden">
Set repositories to index Set repositories to index
</CardContent> </CardContent>
@@ -287,7 +290,7 @@ export default function SettingsView() {
</CardFooter> </CardFooter>
</Card> </Card>
<Card className={cardClassName}> <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"> <CardContent className="overflow-hidden">
Sync your Notion pages Sync your Notion pages
</CardContent> </CardContent>