prep settings slightly

This commit is contained in:
Alex
2023-11-01 21:45:40 +00:00
parent fdc5e0a92d
commit 9f7c9180d9
2 changed files with 11 additions and 21 deletions

View File

@@ -11,7 +11,6 @@ import Github from './assets/github.svg';
import Hamburger from './assets/hamburger.svg';
import Info from './assets/info.svg';
import SettingGear from './assets/settingGear.svg';
import Key from './assets/key.svg';
import Add from './assets/add.svg';
import UploadIcon from './assets/upload.svg';
import { ActiveState } from './models/misc';
@@ -229,7 +228,7 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
className={({ isActive }) =>
`${
isActive ? 'bg-gray-3000' : ''
} group my-auto mx-4 mt-4 flex cursor-pointer gap-2.5 rounded-3xl border border-silver p-3 hover:border-rainy-gray hover:bg-gray-3000`
} group mx-4 mt-4 flex cursor-pointer gap-2.5 rounded-3xl border border-silver p-3 hover:border-rainy-gray hover:bg-gray-3000`
}
>
<img
@@ -241,9 +240,9 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
New Chat
</p>
</NavLink>
<p className="ml-6 mt-3 text-sm font-semibold">Chats</p>
{conversations && (
<div className="conversations-container max-h-[25rem] overflow-y-auto">
<p className="ml-6 mt-3 text-sm font-semibold">Chats</p>
<div className="conversations-container mb-auto max-h-[25rem] overflow-y-auto">
{conversations?.map((conversation) => (
<ConversationTile
key={conversation.id}
@@ -323,18 +322,6 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
</div>
<p className="ml-6 mt-3 text-sm font-semibold">Source Docs</p>
</div>
<div className="flex flex-col gap-2 border-b-2 py-2">
<div
className="my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100"
onClick={() => {
setApiKeyModalState('ACTIVE');
}}
>
<img src={Key} alt="key" className="ml-2 w-6" />
<p className="my-auto text-sm text-eerie-black">Reset Key</p>
</div>
</div>
<div className="flex flex-col gap-2 border-b-2 py-2">
<NavLink
to="/settings"
@@ -347,6 +334,9 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
<img src={SettingGear} alt="info" className="ml-2 w-5 opacity-60" />
<p className="my-auto text-eerie-black">Settings</p>
</NavLink>
</div>
<div className="flex flex-col gap-2 border-b-2 py-2">
<NavLink
to="/about"
className={({ isActive }) =>

View File

@@ -74,9 +74,9 @@ const Setting = () => {
const General = () => {
const [theme, setTheme] = useState('Light');
const [isThemeListOpen, setIsThemeListOpen] = useState(false);
const themes = ['Light', 'Dark'];
const themes = ['Light', 'Dark (WIP)'];
const [language, setLanguage] = useState('English');
const languages = ['English', 'French'];
const languages = ['English'];
const [isLanguageListOpen, setIsLanguageListOpen] = useState(false);
return (
<>
@@ -165,12 +165,12 @@ const General = () => {
);
};
const Prompts = () => {
return <div>This is prompts</div>;
return <div>This is prompts WIP</div>;
};
const Documents = () => {
return <div>This is Documents</div>;
return <div>This is Documents WIP</div>;
};
const Widgets = () => {
return <div>This is widgets</div>;
return <div>This is widgets WIP</div>;
};
export default Setting;