diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index f802c8b..a846218 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,5 +1,5 @@ import { useEffect, useReducer, useState } from 'react'; -import { Form } from 'react-bootstrap'; +import { Navbar, Button, Form, Nav, Offcanvas, Container } from 'react-bootstrap'; import { hostname, port, socket } from './socket'; import { DataServiceComponent, @@ -107,7 +107,10 @@ const reducer = (state: State, action: Action): State => { const App = () => { const [state, dispatch] = useReducer(reducer, null); const [isInstantUpdate, setIsInstantUpdate] = useState(true); - // const [isConnected, setIsConnected] = useState(socket.connected); + const [showSettings, setShowSettings] = useState(false); + + const handleCloseSettings = () => setShowSettings(false); + const handleShowSettings = () => setShowSettings(true); useEffect(() => { // Fetch data from the API when the component mounts @@ -137,11 +140,27 @@ const App = () => { } return ( <> - setIsInstantUpdate(e.target.checked)} - type="switch" - /> + + + My App + + + + + + + Settings + + + setIsInstantUpdate(e.target.checked)} + type="switch" + label="Enable Instant Update" + /> + {/* Add any additional controls you want here */} + +
pyDataService App
\ No newline at end of file +pyDataService App
\ No newline at end of file diff --git a/src/pyDataService/frontend/static/js/main.35fa39a1.js b/src/pyDataService/frontend/static/js/main.35fa39a1.js new file mode 100644 index 0000000..89f25a0 --- /dev/null +++ b/src/pyDataService/frontend/static/js/main.35fa39a1.js @@ -0,0 +1,3 @@ +/*! For license information please see main.35fa39a1.js.LICENSE.txt */ +!function(){var e={694:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t