Add Christmas-themed components and update styles

MatinDehghanian · Dec 25, 2024 · ee88f15 · ee88f15
1 parent df03d1c
commit ee88f15
Show file tree

Hide file tree

Showing 11 changed files with 1,191 additions and 29 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
+    "@iconify/react": "^5.1.0",
     "@mui/icons-material": "^6.1.1",
     "@mui/material": "^6.1.1",
     "axios": "^1.7.7",
@@ -25,6 +26,7 @@
     "react-spinners": "^0.14.1",
     "react-toastify": "^10.0.5",
     "rollup-plugin-obfuscator": "^1.1.0",
+    "sass": "^1.83.0",
     "vite-plugin-singlefile": "^2.0.2"
   },
   "devDependencies": {

diff --git a/src/App.jsx b/src/App.jsx
@@ -18,6 +18,8 @@ import {
 import { ToastContainer } from "react-toastify";
 import RadioButtons from "./components/RadioButtons";
 import { Helmet } from "react-helmet";
+import SnowEffect from "./christmas/SnowEffect";
+import Santa from "./christmas/Santa";
 
 function App() {
   const [isDarkMode, setIsDarkMode] = useState(false);
@@ -66,7 +68,6 @@ function App() {
     }
   }, [data?.links]);
 
-
   const getAdjustedUrl = (subURL) => {
     if (import.meta.env.VITE_PANEL_DOMAIN) {
       return subURL.replace(
@@ -123,6 +124,7 @@ function App() {
           content="Powered by https://github.com/MatinDehghanian"
         />
       </Helmet>
+      <SnowEffect />
       <Grid container justifyContent={"center"}>
         <Grid
           container
@@ -152,6 +154,7 @@ function App() {
                   setIsDarkMode={setIsDarkMode}
                   handleLanguageChange={handleLanguageChange}
                 />
+                <Santa />
                 {isOffSections.logoBox && <LogoBox />}
                 {isOffSections.userBox && (
                   <UserBox