Uncomments selectDocsModal, removes redundant styles

This commit is contained in:
DenyTwice 2023-09-23 21:43:16 +05:30
parent ae01070b8f
commit d983a519e3

View File

@ -29,6 +29,7 @@ import {
import { useOutsideAlerter } from './hooks'; import { useOutsideAlerter } from './hooks';
import Upload from './upload/Upload'; import Upload from './upload/Upload';
import { Doc, getConversations } from './preferences/preferenceApi'; import { Doc, getConversations } from './preferences/preferenceApi';
import SelectDocsModal from './preferences/SelectDocsModal';
export default function Navigation({ export default function Navigation({
navState, navState,
@ -179,7 +180,7 @@ export default function Navigation({
className={({ isActive }) => className={({ isActive }) =>
`${ `${
isActive && conversationId === null ? 'bg-gray-3000' : '' isActive && conversationId === null ? 'bg-gray-3000' : ''
} my-auto mx-4 mt-4 flex h-12 cursor-pointer gap-4 rounded-3xl rounded-md hover:bg-gray-100` } my-auto mx-4 mt-4 flex h-12 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100`
} }
> >
<img src={Message} className="ml-4 w-5"></img> <img src={Message} className="ml-4 w-5"></img>
@ -194,7 +195,7 @@ export default function Navigation({
onClick={() => { onClick={() => {
handleConversationClick(conversation.id); handleConversationClick(conversation.id);
}} }}
className={`my-auto mx-4 mt-4 flex h-12 cursor-pointer items-center justify-between gap-4 rounded-3xl rounded-md hover:bg-gray-100 ${ className={`my-auto mx-4 mt-4 flex h-12 cursor-pointer items-center justify-between gap-4 rounded-3xl hover:bg-gray-100 ${
conversationId === conversation.id ? 'bg-gray-100' : '' conversationId === conversation.id ? 'bg-gray-100' : ''
}`} }`}
> >
@ -293,7 +294,7 @@ export default function Navigation({
</div> </div>
<div className="flex flex-col gap-2 border-b-2 py-2"> <div className="flex flex-col gap-2 border-b-2 py-2">
<div <div
className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100" className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100"
onClick={() => { onClick={() => {
setApiKeyModalState('ACTIVE'); setApiKeyModalState('ACTIVE');
}} }}
@ -307,7 +308,7 @@ export default function Navigation({
<NavLink <NavLink
to="/about" to="/about"
className={({ isActive }) => className={({ isActive }) =>
`my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl rounded-md hover:bg-gray-100 ${ `my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100 ${
isActive ? 'bg-gray-3000' : '' isActive ? 'bg-gray-3000' : ''
}` }`
} }
@ -320,7 +321,7 @@ export default function Navigation({
href="https://discord.gg/WHJdfbQDR4" href="https://discord.gg/WHJdfbQDR4"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl rounded-md hover:bg-gray-100" className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100"
> >
<img src={Link} alt="link" className="ml-2 w-5" /> <img src={Link} alt="link" className="ml-2 w-5" />
<p className="my-auto text-eerie-black">Discord</p> <p className="my-auto text-eerie-black">Discord</p>
@ -330,7 +331,7 @@ export default function Navigation({
href="https://github.com/arc53/DocsGPT" href="https://github.com/arc53/DocsGPT"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl rounded-md hover:bg-gray-100" className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100"
> >
<img src={Link} alt="link" className="ml-2 w-5" /> <img src={Link} alt="link" className="ml-2 w-5" />
<p className="my-auto text-eerie-black">Github</p> <p className="my-auto text-eerie-black">Github</p>
@ -345,11 +346,11 @@ export default function Navigation({
<img src={Hamburger} alt="menu toggle" className="w-7" /> <img src={Hamburger} alt="menu toggle" className="w-7" />
</button> </button>
</div> </div>
{/* <SelectDocsModal <SelectDocsModal
modalState={selectedDocsModalState} modalState={selectedDocsModalState}
setModalState={setSelectedDocsModalState} setModalState={setSelectedDocsModalState}
isCancellable={isSelectedDocsSet} isCancellable={isSelectedDocsSet}
/> */} />
<APIKeyModal <APIKeyModal
modalState={apiKeyModalState} modalState={apiKeyModalState}
setModalState={setApiKeyModalState} setModalState={setApiKeyModalState}