sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2025-02-17 08:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add icons to card headings

Browse source
This commit is contained in:
Debanjum Singh Solanky 2024-07-17 22:51:03 +05:30
parent a5a06da3fc
commit 13292fc4ca
1 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/interface/web/app/settings/page.tsx
View file

@ -20,7 +20,7 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { ArrowRight } from "@phosphor-icons/react";
import { ArrowRight, ChatCircleText, Key, Palette, SpeakerHigh, UserCircle } from "@phosphor-icons/react";
import NavMenu from "../components/navMenu/navMenu";
import SidePanel from "../components/sidePanel/chatHistorySidePanel";
@ -32,7 +32,7 @@ interface DropdownComponentProps {
selected: number;
}
const DropdownComponent: React.FC<DropdownComponentProps> = ({items, selected}) => {
const DropdownComponent: React.FC<DropdownComponentProps> = ({ items, selected }) => {
const [position, setPosition] = useState(selected?.toString() ?? "0");
return !!selected && (
@ -92,7 +92,7 @@ export default function SettingsView() {
<div className="text-4xl">Profile</div>
<div className="cards flex flex-wrap gap-16">
<Card className={cardClassName}>
<CardHeader className="text-xl">Name</CardHeader>
<CardHeader className="text-xl flex flex-row"><UserCircle className="h-7 w-7 mr-2"/>Name</CardHeader>
<CardContent className="overflow-hidden">
<input type="text" className="w-full border border-gray-300 rounded-lg p-4" defaultValue={userConfig.given_name} />
</CardContent>
@ -106,7 +106,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">Files</CardHeader>
<CardHeader className="text-xl flex flex-row">Files</CardHeader>
<CardContent className="overflow-hidden">
Manage your synced files
</CardContent>
@ -116,7 +116,7 @@ export default function SettingsView() {
</CardFooter>
</Card>
<Card className={cardClassName}>
<CardHeader className="text-xl">Github</CardHeader>
<CardHeader className="text-xl flex flex-row">Github</CardHeader>
<CardContent className="overflow-hidden">
Set repositories to index
</CardContent>
@ -126,7 +126,7 @@ export default function SettingsView() {
</CardFooter>
</Card>
<Card className={cardClassName}>
<CardHeader className="text-xl">Notion</CardHeader>
<CardHeader className="text-xl flex flex-row">Notion</CardHeader>
<CardContent className="overflow-hidden">
Sync your Notion pages
</CardContent>
@ -136,7 +136,7 @@ export default function SettingsView() {
</CardFooter>
</Card>
<Card className={cardClassName}>
<CardHeader className="text-xl">Language</CardHeader>
<CardHeader className="text-xl flex flex-row">Language</CardHeader>
<CardContent className="overflow-hidden">
<DropdownComponent
items={userConfig.search_model_options}
@ -153,7 +153,7 @@ export default function SettingsView() {
<div className="text-4xl">Features</div>
<div className="cards flex flex-wrap gap-16">
<Card className={cardClassName}>
<CardHeader className="text-xl">Chat</CardHeader>
<CardHeader className="text-xl flex flex-row"><ChatCircleText className="h-7 w-7 mr-2"/>Chat</CardHeader>
<CardContent className="overflow-hidden">
<DropdownComponent
items={userConfig.chat_model_options}
@ -161,11 +161,11 @@ export default function SettingsView() {
/>
</CardContent>
<CardFooter className="flex flex-wrap gap-4">
<Button variant="outline" size="sm" className="border-green-400">Save</Button>
<Button variant="outline" size="sm" className="border-green-400" onClick={updateSearchModel}>Save</Button>
</CardFooter>
</Card>
<Card className={cardClassName}>
<CardHeader className="text-xl">Paint</CardHeader>
<CardHeader className="text-xl flex flex-row"><Palette className="h-7 w-7 mr-2"/>Paint</CardHeader>
<CardContent className="overflow-hidden">
<DropdownComponent
items={userConfig.paint_model_options}
@ -177,7 +177,7 @@ export default function SettingsView() {
</CardFooter>
</Card>
<Card className={cardClassName}>
<CardHeader className="text-xl">Voice</CardHeader>
<CardHeader className="text-xl flex flex-row"><SpeakerHigh className="h-7 w-7 mr-2"/>Voice</CardHeader>
<CardContent className="overflow-hidden">
<DropdownComponent
items={userConfig.voice_model_options}