redo migration (#290)

Author: thomasjball

src/components/layout.tsx

@@ -30,6 +30,7 @@ const TraceAlert = lazy(() => import("./shell/TraceAlert"))
 const WebDiagnostics = lazy(() => import("./shell/WebDiagnostics"))
 const WebCam = lazy(() => import("./ui/WebCam"))
 const PassiveAlert = lazy(() => import("./shell/PassiveAlert"))
+const MigrationAlert = lazy(() => import("./shell/MigrationAlert"))
 const YouTubePlayer = lazy(() => import("./youtube/YouTubePlayer"))
 
 const PREFIX = "Layout"
@@ -251,6 +252,9 @@ function LayoutWithContext(props: LayoutProps) {
 
     const InnerMainSection = () => (
         <>
+            <Suspense>
+                <MigrationAlert />
+            </Suspense>
             <Suspense>
                 <SimulatorCommands />
             </Suspense>

src/components/shell/MigrationAlert.tsx

@@ -0,0 +1,27 @@
+import { Box } from "@mui/material"
+import { AlertTitle } from "@mui/material"
+import React from "react"
+import Alert from "../ui/Alert"
+
+export default function MigrationAlert() {
+    return (
+        <Alert severity="warning" sx={{ mb: 2 }}>
+            <AlertTitle>📢 Important: Jacdac has moved!</AlertTitle>
+            The Jacdac project has moved to{" "}
+            <Box
+                component="a"
+                href="https://github.com/jacdac"
+                target="_blank"
+                rel="noopener noreferrer"
+                sx={{
+                    color: "inherit",
+                    textDecoration: "underline",
+                    fontWeight: "bold",
+                }}
+            >
+                https://github.com/jacdac
+            </Box>
+            . Please update your bookmarks and references to point to the new location.
+        </Alert>
+    )
+}