Merge pull request #235 from ISISComputingGroup/xmas

make the wall display festive

Author: danielmaclaren

app/wall/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+import Snowfall from "react-snowfall";
 import GithubActionsScheduledJobs from "@/app/components/GithubActionsScheduledJobs";
 import InstrumentsDisplay from "@/app/components/InstrumentsDisplay";
 import JenkinsJobs from "../components/JenkinsJobs";
@@ -7,6 +9,7 @@ export default function WallDisplay() {
     <main
       className={`flex min-h-screen bg-white dark:bg-zinc-800 flex-col items-center justify-between`}
     >
+      <Snowfall />
       <section className="rounded-xl w-full md:px-0 md:w-11/12 my-2">
         <div className="mx-auto  ">
           <div className="w-full mx-auto text-left flex justify-center items-center pb-8 px-8 dark:bg-zinc-900 rounded-xl">

package-lock.json

@@ -21,6 +21,7 @@
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "react-snowfall": "^2.4.0",
     "react-use-websocket": "^4.13.0",
     "tailwindcss": "^4.1.17",
     "ts-node": "^10.9.2",