@@ -64,7 +64,8 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
64
64
const navRef = useRef ( null ) ;
65
65
const apiHost = import . meta. env . VITE_API_HOST || 'https://docsapi.arc53.com' ;
66
66
const embeddingsName =
67
- import . meta. env . VITE_EMBEDDINGS_NAME || 'openai_text-embedding-ada-002' ;
67
+ import . meta. env . VITE_EMBEDDINGS_NAME ||
68
+ 'huggingface_sentence-transformers/all-mpnet-base-v2' ;
68
69
69
70
const navigate = useNavigate ( ) ;
70
71
@@ -181,15 +182,17 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
181
182
< img
182
183
src = { Expand }
183
184
alt = "menu toggle"
184
- className = { `${ ! navOpen ? 'rotate-180' : 'rotate-0'
185
- } m-auto transition-all duration-200`}
185
+ className = { `${
186
+ ! navOpen ? 'rotate-180' : 'rotate-0'
187
+ } m-auto transition-all duration-200`}
186
188
/>
187
189
</ button >
188
190
) }
189
191
< div
190
192
ref = { navRef }
191
- className = { `${ ! navOpen && '-ml-96 md:-ml-[18rem]'
192
- } duration-20 fixed top-0 z-20 flex h-full w-72 flex-col border-r-2 bg-white transition-all`}
193
+ className = { `${
194
+ ! navOpen && '-ml-96 md:-ml-[18rem]'
195
+ } duration-20 fixed top-0 z-20 flex h-full w-72 flex-col border-r-2 bg-white transition-all`}
193
196
>
194
197
< div
195
198
className = { 'visible mt-2 flex h-[6vh] w-full justify-between md:h-12' }
@@ -207,8 +210,9 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
207
210
< img
208
211
src = { Expand }
209
212
alt = "menu toggle"
210
- className = { `${ ! navOpen ? 'rotate-180' : 'rotate-0'
211
- } m-auto transition-all duration-200`}
213
+ className = { `${
214
+ ! navOpen ? 'rotate-180' : 'rotate-0'
215
+ } m-auto transition-all duration-200`}
212
216
/>
213
217
</ button >
214
218
</ div >
@@ -223,8 +227,9 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
223
227
) ;
224
228
} }
225
229
className = { ( { isActive } ) =>
226
- `${ isActive ? 'bg-gray-3000' : ''
227
- } group mx-4 mt-4 sticky flex cursor-pointer gap-2.5 rounded-3xl border border-silver p-3 hover:border-rainy-gray hover:bg-gray-3000`
230
+ `${
231
+ isActive ? 'bg-gray-3000' : ''
232
+ } group sticky 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`
228
233
}
229
234
>
230
235
< img
@@ -237,12 +242,10 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
237
242
</ p >
238
243
</ NavLink >
239
244
< div className = "mb-auto h-[56vh] overflow-x-hidden overflow-y-scroll" >
240
-
241
245
{ conversations && (
242
246
< div >
243
247
< p className = "ml-6 mt-3 text-sm font-semibold" > Chats</ p >
244
248
< div className = "conversations-container" >
245
-
246
249
{ conversations ?. map ( ( conversation ) => (
247
250
< ConversationTile
248
251
key = { conversation . id }
@@ -259,7 +262,7 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
259
262
) }
260
263
</ div >
261
264
262
- < div className = ' h-auto flex-col flex justify-end' >
265
+ < div className = "flex h-auto flex-col justify-end" >
263
266
< div className = "flex flex-col-reverse border-b-2" >
264
267
< div className = "relative my-4 flex gap-2 px-2" >
265
268
< div
@@ -274,8 +277,9 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
274
277
< img
275
278
src = { Arrow2 }
276
279
alt = "arrow"
277
- className = { `${ ! isDocsListOpen ? 'rotate-0' : 'rotate-180'
278
- } ml-auto mr-3 w-3 transition-all`}
280
+ className = { `${
281
+ ! isDocsListOpen ? 'rotate-0' : 'rotate-180'
282
+ } ml-auto mr-3 w-3 transition-all`}
279
283
/>
280
284
</ div >
281
285
< img
@@ -330,11 +334,16 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
330
334
< NavLink
331
335
to = "/settings"
332
336
className = { ( { isActive } ) =>
333
- `my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100 ${ isActive ? 'bg-gray-3000' : ''
337
+ `my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100 ${
338
+ isActive ? 'bg-gray-3000' : ''
334
339
} `
335
340
}
336
341
>
337
- < img src = { SettingGear } alt = "settings" className = "ml-2 w-5 opacity-60" />
342
+ < img
343
+ src = { SettingGear }
344
+ alt = "settings"
345
+ className = "ml-2 w-5 opacity-60"
346
+ />
338
347
< p className = "my-auto text-sm text-eerie-black" > Settings</ p >
339
348
</ NavLink >
340
349
</ div >
@@ -343,7 +352,8 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
343
352
< NavLink
344
353
to = "/about"
345
354
className = { ( { isActive } ) =>
346
- `my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100 ${ isActive ? 'bg-gray-3000' : ''
355
+ `my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100 ${
356
+ isActive ? 'bg-gray-3000' : ''
347
357
} `
348
358
}
349
359
>
@@ -357,7 +367,11 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
357
367
rel = "noreferrer"
358
368
className = "my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100"
359
369
>
360
- < img src = { Documentation } alt = "documentation" className = "ml-2 w-5" />
370
+ < img
371
+ src = { Documentation }
372
+ alt = "documentation"
373
+ className = "ml-2 w-5"
374
+ />
361
375
< p className = "my-auto text-sm text-eerie-black" > Documentation</ p >
362
376
</ a >
363
377
< a
@@ -379,7 +393,9 @@ export default function Navigation({ navOpen, setNavOpen }: NavigationProps) {
379
393
className = "my-auto mx-4 flex h-9 cursor-pointer gap-4 rounded-3xl hover:bg-gray-100"
380
394
>
381
395
< img src = { Github } alt = "github-link" className = "ml-2 w-5" />
382
- < p className = "my-auto text-sm text-eerie-black" > Visit our Github</ p >
396
+ < p className = "my-auto text-sm text-eerie-black" >
397
+ Visit our Github
398
+ </ p >
383
399
</ a >
384
400
</ div >
385
401
</ div >
0 commit comments