Přidání vánočních prvků

client/package.json

@@ -21,6 +21,7 @@
     "react-modal": "^3.16.1",
     "react-scripts": "5.0.1",
     "react-select-search": "^4.1.6",
+    "react-snowfall": "^2.2.0",
     "react-toastify": "^10.0.4",
     "socket.io-client": "^4.6.1",
     "typescript": "^5.3.3"
@@ -54,4 +55,4 @@
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "prettier": "^3.2.5"
   }
-}
+}

client/src/App.tsx

@@ -367,9 +367,11 @@ function App() {
       <div className='wrapper'>
         {data.isWeekend ? <h4>Užívejte víkend :)</h4> : <>
           <Alert variant={'primary'}>
+            <img src='hat.png' style={{position: "absolute", width: "100px", rotate: "-45deg", left: -32, top: -40}}/>
+            <img src='tree.png' style={{position: "absolute", height: "90px", right: 0, top: 0}}/>
             Poslední změny:
             <ul>
-              <li>Oprava parsování TechTower (v jejich HTML někdo/něco nečekaně přesunulo prázdný řádek)</li>
+              <li>Vánoční atmosféra</li>
             </ul>
           </Alert>
           {dayIndex != null &&

client/src/index.tsx

@@ -7,6 +7,7 @@ import { ToastContainer } from 'react-toastify';
 import { ProvideSettings } from './context/settings';
 import 'react-toastify/dist/ReactToastify.css';
 import './index.css';
+import Snowfall from 'react-snowfall';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
@@ -16,7 +17,14 @@ root.render(
     <ProvideAuth>
       <ProvideSettings>
         <SocketContext.Provider value={socket}>
-          <App />
+          <>
+            <Snowfall style={{
+              zIndex: 2,
+              position: 'fixed',
+              width: '100vw',
+              height: '100vh'}} />
+            <App />
+          </>
           <ToastContainer />
         </SocketContext.Provider>
       </ProvideSettings>