- );
-}
diff --git a/frontend/src/components/DocsGPT/DocsGPT.tsx b/frontend/src/components/DocsGPT/DocsGPT.tsx
new file mode 100644
index 0000000..37098cb
--- /dev/null
+++ b/frontend/src/components/DocsGPT/DocsGPT.tsx
@@ -0,0 +1,24 @@
+export default function DocsGPT({
+ isMenuOpen,
+ isMobile,
+}: {
+ isMenuOpen: boolean;
+ isMobile: boolean;
+}) {
+ return (
+ //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
+
+ Docs GPT Chat Placeholder
+
+ );
+}
diff --git a/frontend/src/components/Navigation/Navigation.tsx b/frontend/src/components/Navigation/Navigation.tsx
index ce4ba11..73610a4 100644
--- a/frontend/src/components/Navigation/Navigation.tsx
+++ b/frontend/src/components/Navigation/Navigation.tsx
@@ -1,12 +1,77 @@
import React, { useState } from 'react';
import { NavLink } from 'react-router-dom';
import Arrow1 from './imgs/arrow.svg';
+import Hamburger from './imgs/hamburger.svg';
import Key from './imgs/key.svg';
import Info from './imgs/info.svg';
import Link from './imgs/link.svg';
+import Exit from './imgs/exit.svg';
-function MobileNavigation() {
- return
Mobile Navigation
;
+function MobileNavigation({
+ isMenuOpen,
+ setIsMenuOpen,
+ setIsApiModalOpen,
+}: {
+ isMenuOpen: boolean;
+ setIsMenuOpen: React.Dispatch>;
+ setIsApiModalOpen: React.Dispatch>;
+}) {
+ //TODO - Need to replace Chat button to open secondary nav with scrollable past chats option and new chat at top
+ return (
+