handle log paused state when switching between logs

jdrews · Feb 14, 2023 · 31bcec2 · 31bcec2
1 parent cbe86f5
commit 31bcec2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/web/src/LogStationLogViewer.jsx b/web/src/LogStationLogViewer.jsx
@@ -17,6 +17,11 @@ const LogStationLogViewer = (props) => {
     // reference for the LogViewer component
     const logViewerRef = React.useRef();
 
+    // when the log file we're viewing changes, reset a few things
+    React.useEffect(() => {
+        setIsPaused(false)
+    }, [props.logFileName]);
+
     React.useEffect(() => {
         if (!isPaused) {
             if (logViewerRef && logViewerRef.current) {

diff --git a/web/src/MainLayout.jsx b/web/src/MainLayout.jsx
@@ -39,7 +39,7 @@ const MainLayout = (props) => {
                     </Tabs>
                 </Box>
                 <Box sx={{width: '100%', height: '92vh'}} className="LogViewerBox">
-                       <LogStationLogViewer data={props.logFiles.get(selectedLogFile) ?? []}/>
+                       <LogStationLogViewer data={props.logFiles.get(selectedLogFile) ?? []} logFileName={selectedLogFile}/>
                 </Box>
         </Container>
     );