chore: make DialogContent happy by ensuring there's always a reactnod…

…e child
klarna-incubator · Nov 14, 2023 · ff8a832 · ff8a832
1 parent a552c8e
commit ff8a832
Showing 1 changed file with 38 additions and 36 deletions.
diff --git a/app/src/components/model/connectivity/ConnectivityCheck.js b/app/src/components/model/connectivity/ConnectivityCheck.js
@@ -36,52 +36,54 @@ function ConnectivityCheck() {
         &nbsp; Who broke the internet?
       </DialogTitle>
       <DialogContent>
-        {isEstablishing ||
-          (timeout && (
-            <Typography>
-              <b>*modem noises*</b> connecting...
-            </Typography>
-          ))}
-        {!isEstablishing && !isConnected && !timeout && (
-          <>
-            <Typography>
-              Your websocket connection to the server has timed out or been
-              closed remotely. This could be due to bad connectivity, or the
-              Gram server having a bad time.
-            </Typography>
+        <>
+          {isEstablishing ||
+            (timeout && (
+              <Typography>
+                <b>*modem noises*</b> connecting...
+              </Typography>
+            ))}
+          {!isEstablishing && !isConnected && !timeout && (
+            <>
+              <Typography>
+                Your websocket connection to the server has timed out or been
+                closed remotely. This could be due to bad connectivity, or the
+                Gram server having a bad time.
+              </Typography>
 
-            {fails > 0 && (
-              <>
-                <br />
-                <Typography>Reconnection failed, try again?</Typography>
-              </>
-            )}
+              {fails > 0 && (
+                <>
+                  <br />
+                  <Typography>Reconnection failed, try again?</Typography>
+                </>
+              )}
 
-            {/* Unfortunately the error given is not very descriptive. 
+              {/* Unfortunately the error given is not very descriptive. 
               https://stackoverflow.com/questions/18803971/websocket-onerror-how-to-read-error-description
               {error && (
                 <>
                   <p>Could be due to this error:</p>{" "}
                   <pre>{JSON.stringify(error)}</pre>
                 </>
               )} */}
-            <br />
+              <br />
 
-            <Button
-              variant="contained"
-              onClick={() => {
-                dispatch(webSocketActions.establishConnection(modelId));
-                setFakeTimeout(true);
-                setTimeout(() => {
-                  setFakeTimeout(false);
-                  setFails(fails + 1);
-                }, 5000);
-              }}
-            >
-              attempt to reconnect
-            </Button>
-          </>
-        )}
+              <Button
+                variant="contained"
+                onClick={() => {
+                  dispatch(webSocketActions.establishConnection(modelId));
+                  setFakeTimeout(true);
+                  setTimeout(() => {
+                    setFakeTimeout(false);
+                    setFails(fails + 1);
+                  }, 5000);
+                }}
+              >
+                attempt to reconnect
+              </Button>
+            </>
+          )}
+        </>
       </DialogContent>
     </Dialog>
   );