diff --git a/client/src/components/Level.tsx b/client/src/components/Level.tsx
index f33c2ed..bc7a5a9 100644
--- a/client/src/components/Level.tsx
+++ b/client/src/components/Level.tsx
@@ -173,7 +173,7 @@ function Level() {
-
+
diff --git a/client/src/components/TacticState.tsx b/client/src/components/TacticState.tsx
index d7c4488..54bd39c 100644
--- a/client/src/components/TacticState.tsx
+++ b/client/src/components/TacticState.tsx
@@ -6,7 +6,7 @@ import '@fontsource/roboto/700.css';
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
-import { Paper, Box, Typography, Alert, FormControlLabel, FormGroup, Switch, Collapse } from '@mui/material';
+import { Paper, Box, Typography, Alert, FormControlLabel, FormGroup, Switch, Collapse, CircularProgress } from '@mui/material';
import { Accordion, AccordionSummary, AccordionDetails, Divider } from '@mui/material';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
@@ -97,6 +97,7 @@ function OtherGoal({ goal }) {
}
function TacticState({ goals, diagnostics, completed, globalDiagnostics }) {
+ const isLoading = goals === null
const hasGoal = goals !== null && goals.length > 0
const hasManyGoal = hasGoal && goals.length > 1
@@ -116,7 +117,8 @@ function TacticState({ goals, diagnostics, completed, globalDiagnostics }) {
}
- {!(hasGoal || completed) &&
+ {isLoading && }
+ {!(hasGoal || completed || isLoading) &&
No goals
(at )