enhancement-implemented

src/components/settings.tsx

@@ -23,7 +23,7 @@ import { ViewerContext } from "@/features/vrmViewer/viewerContext";
 import { config, updateConfig } from "@/utils/config";
 
 
-import { Link } from "./settings/common";
+import { CustomLink } from "./settings/common";
 
 import { MenuPage } from './settings/MenuPage';
 import { ResetSettingsPage } from './settings/ResetSettingsPage';
@@ -68,7 +68,7 @@ export const Settings = ({
   useKeyboardShortcut("Escape", onClickClose);
 
   const [page, setPage] = useState('main_menu');
-  const [breadcrumbs, setBreadcrumbs] = useState<Link[]>([]);
+  const [breadcrumbs, setBreadcrumbs] = useState<CustomLink[]>([]);
   const [showNotification, setShowNotification] = useState(false);
   const [settingsUpdated, setSettingsUpdated] = useState(false);
 
@@ -218,7 +218,7 @@ export const Settings = ({
   ]);
 
 
-  function handleMenuClick(link: Link) {
+  function handleMenuClick(link: CustomLink) {
     setPage(link.key)
     setBreadcrumbs([...breadcrumbs, link]);
   }

src/components/settings/ChatbotBackendPage.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import { useEffect, useState } from 'react';
 import { getWindowAI } from "window.ai";
-import { BasicPage, Link, FormRow, getLinkFromPage } from './common';
+import { BasicPage, CustomLink, FormRow, getLinkFromPage } from './common';
 import { updateConfig } from "@/utils/config";
 
 const chatbotBackends = [
@@ -29,8 +29,8 @@ export function ChatbotBackendPage({
   setChatbotBackend: (backend: string) => void;
   setSettingsUpdated: (updated: boolean) => void;
   setPage: (page: string) => void;
-  breadcrumbs: Link[];
-  setBreadcrumbs: (breadcrumbs: Link[]) => void;
+  breadcrumbs: CustomLink[];
+  setBreadcrumbs: (breadcrumbs: CustomLink[]) => void;
 }) {
   const { t } = useTranslation();
   const [windowAiDetected, setWindowAiDetected] = useState(false);

src/components/settings/MenuPage.tsx

@@ -2,14 +2,14 @@ import { useTranslation } from 'react-i18next';
 import { clsx } from 'clsx';
 
 import { ChevronRightIcon } from '@heroicons/react/20/solid';
-import { Link, pagesToLinks } from './common';
+import { CustomLink, pagesToLinks } from './common';
 
 export function MenuPage({
   keys,
   menuClick,
 }: {
   keys: string[];
-  menuClick: (link: Link) => void;
+  menuClick: (link: CustomLink) => void;
 }) {
   const { t } = useTranslation();
 

src/components/settings/STTBackendPage.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 
-import { BasicPage, FormRow, getLinkFromPage, Link } from './common';
+import { BasicPage, FormRow, getLinkFromPage, CustomLink } from './common';
 import { updateConfig } from "@/utils/config";
 
 const sttEngines = [
@@ -26,8 +26,8 @@ export function STTBackendPage({
   setSTTBackend: (backend: string) => void;
   setSettingsUpdated: (updated: boolean) => void;
   setPage: (page: string) => void;
-  breadcrumbs: Link[];
-  setBreadcrumbs: (breadcrumbs: Link[]) => void;
+  breadcrumbs: CustomLink[];
+  setBreadcrumbs: (breadcrumbs: CustomLink[]) => void;
 }) {
   const { t } = useTranslation();
 

src/components/settings/TTSBackendPage.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 
-import { BasicPage, FormRow, Link, getLinkFromPage } from './common';
+import { BasicPage, FormRow, CustomLink, getLinkFromPage } from './common';
 import { updateConfig } from "@/utils/config";
 
 const ttsEngines = [
@@ -27,8 +27,8 @@ export function TTSBackendPage({
   setTTSBackend: (backend: string) => void;
   setSettingsUpdated: (updated: boolean) => void;
   setPage: (page: string) => void;
-  breadcrumbs: Link[];
-  setBreadcrumbs: (breadcrumbs: Link[]) => void;
+  breadcrumbs: CustomLink[];
+  setBreadcrumbs: (breadcrumbs: CustomLink[]) => void;
 }) {
   const { t } = useTranslation();
 

src/components/settings/VisionBackendPage.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 
-import { BasicPage, FormRow, Link, getLinkFromPage } from './common';
+import { BasicPage, FormRow, CustomLink, getLinkFromPage } from './common';
 import { updateConfig } from "@/utils/config";
 
 const visionEngines = [
@@ -25,8 +25,8 @@ export function VisionBackendPage({
   setVisionBackend: (backend: string) => void;
   setSettingsUpdated: (updated: boolean) => void;
   setPage: (page: string) => void;
-  breadcrumbs: Link[];
-  setBreadcrumbs: (breadcrumbs: Link[]) => void;
+  breadcrumbs: CustomLink[];
+  setBreadcrumbs: (breadcrumbs: CustomLink[]) => void;
 }) {
   const { t } = useTranslation();
 

src/components/settings/common.tsx

@@ -90,7 +90,7 @@ export function thumbPrefix(path: string) {
   return a.join("/");
 }
 
-export type Link = {
+export type CustomLink = {
   key: string;
   label: string;
   icon?: JSX.Element;
@@ -106,8 +106,8 @@ export function getLinkFromPage(page: string) {
   };
 }
 
-export function pagesToLinks(keys: string[]): Link[] {
-  const links: Link[] = [];
+export function pagesToLinks(keys: string[]): CustomLink[] {
+  const links: CustomLink[] = [];
   for (const key of keys) {
     links.push(getLinkFromPage(key));
   }
@@ -116,8 +116,8 @@ export function pagesToLinks(keys: string[]): Link[] {
 
 export type PageProps = {
   setPage: (page: string) => void;
-  breadcrumbs: Link[];
-  setBreadcrumbs: (breadcrumbs: Link[]) => void;
+  breadcrumbs: CustomLink[];
+  setBreadcrumbs: (breadcrumbs: CustomLink[]) => void;
 }
 
 export function getIconFromPage(page: string): JSX.Element {