diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index ddf6d8e..ca8ddd8 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -4,7 +4,7 @@
export default function About() {
return (
//Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
-
+
About DocsGPT 🦖
diff --git a/frontend/src/Navigation.tsx b/frontend/src/Navigation.tsx
index 2b4fd23..cfc7a82 100644
--- a/frontend/src/Navigation.tsx
+++ b/frontend/src/Navigation.tsx
@@ -6,8 +6,12 @@ import Info from './assets/info.svg';
import Link from './assets/link.svg';
import { ActiveState } from './models/misc';
import APIKeyModal from './preferences/APIKeyModal';
+import SelectDocsModal from './preferences/SelectDocsModal';
import { useSelector } from 'react-redux';
-import { selectApiKeyStatus } from './preferences/preferenceSlice';
+import {
+ selectApiKeyStatus,
+ selectSelectedDocsStatus,
+} from './preferences/preferenceSlice';
import { useState } from 'react';
//TODO - Need to replace Chat button to open secondary nav with scrollable past chats option and new chat at top
@@ -24,11 +28,16 @@ export default function Navigation({
const [apiKeyModalState, setApiKeyModalState] = useState(
isApiKeySet ? 'INACTIVE' : 'ACTIVE',
);
+
+ const isSelectedDocsSet = useSelector(selectSelectedDocsStatus);
+ const [selectedDocsModalState, setSelectedDocsModalState] =
+ useState(isSelectedDocsSet ? 'INACTIVE' : 'ACTIVE');
+
return (
<>
@@ -49,7 +58,7 @@ export default function Navigation({
-
+
{
@@ -59,6 +68,18 @@ export default function Navigation({