iod/page-assist
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update SettingsOptionLayout to include Tag component in link name

Browse Source
This commit is contained in:
n4ze3m 2024-04-06 20:54:27 +05:30
parent 8e429e2379
commit 0ec5621b89
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/Layouts/SettingsOptionLayout.tsx
View File

@ -1,7 +1,15 @@
import { Book, BrainCircuit, Orbit, Share, BlocksIcon , InfoIcon} from "lucide-react" import {
Book,
BrainCircuit,
Orbit,
Share,
BlocksIcon,
InfoIcon
} from "lucide-react"
import { useTranslation } from "react-i18next" import { useTranslation } from "react-i18next"
import { Link, useLocation } from "react-router-dom" import { Link, useLocation } from "react-router-dom"
import { OllamaIcon } from "../Icons/Ollama" import { OllamaIcon } from "../Icons/Ollama"
import { Tag } from "antd"
function classNames(...classes: string[]) { function classNames(...classes: string[]) {
return classes.filter(Boolean).join(" ") return classes.filter(Boolean).join(" ")
@ -9,7 +17,7 @@ function classNames(...classes: string[]) {
const LinkComponent = (item: { const LinkComponent = (item: {
href: string href: string
name: string name: string | JSX.Element
icon: any icon: any
current: string current: string
}) => { }) => {
@ -40,7 +48,7 @@ const LinkComponent = (item: {
export const SettingsLayout = ({ children }: { children: React.ReactNode }) => { export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
const location = useLocation() const location = useLocation()
const { t } = useTranslation("settings") const { t } = useTranslation(["settings", "common"])
return ( return (
<> <>
@ -68,9 +76,14 @@ export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
current={location.pathname} current={location.pathname}
icon={BrainCircuit} icon={BrainCircuit}
/> />
<LinkComponent <LinkComponent
href="/settings/knowledge" href="/settings/knowledge"
name={t("manageKnowledge.title")} name={
<div className="inline-flex items-center gap-2">
{t("manageKnowledge.title")}
<Tag color="yellow">{t("common:beta")}</Tag>
</div>
}
icon={BlocksIcon} icon={BlocksIcon}
current={location.pathname} current={location.pathname}
/> />