feat(frontend): check for updates periodically

1 files changed, 11 insertions, 4 deletions

diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index 3a25f43a..90514044 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,14 +1,21 @@
+import Grow from '@mui/material/Grow';
 import Stack from '@mui/material/Stack';
+import { SnackbarProvider } from 'notistack';
 import React from 'react';
 
 import TopBar from './TopBar';
+import UpdateNotification from './UpdateNotification';
 import EditorPane from './editor/EditorPane';
 
 export default function App(): JSX.Element {
   return (
-    <Stack direction="column" height="100vh" overflow="auto">
-      <TopBar />
-      <EditorPane />
-    </Stack>
+    // @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes
+    <SnackbarProvider TransitionComponent={Grow}>
+      <UpdateNotification />
+      <Stack direction="column" height="100vh" overflow="auto">
+        <TopBar />
+        <EditorPane />
+      </Stack>
+    </SnackbarProvider>
   );
 }