Seasonal changes!
diff --git a/pages/_app.js b/pages/_app.js
index a94db64..d571c96 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -3,6 +3,8 @@
import { ThemeProvider } from 'theme-ui';
import React from 'react';
import Styles from '../styles/globals.module.css';
+import { getSeason } from './api/season';
+import Christmas from '../Components/overlays/christmas';
const theme = {
config: {
@@ -77,6 +79,15 @@
showSubBar(<p className={Styles.message}>{text}</p>, 5, positioning);
}
+ const season = getSeason();
+ let Overlay = <></>;
+ switch (season.season) {
+ case "christmas": {
+ Overlay = <Christmas />;
+ break;
+ }
+ }
+
return <>
<ThemeProvider theme={theme}>
<NavBar
@@ -92,7 +103,12 @@
showSubBar={showSubBar}
hideSubBar={hideSubBar}
showMessage={showMessage}
+ season={season}
+ randomSeed={new Date().getMinutes() / 60} // FIXME: Janky hack mate
/>
+ <div className={Styles.container} style={{
+ pointerEvents: "none",
+ }}>{Overlay}</div>
<div className={Styles.container} />
</ThemeProvider>
</>