From b5474eae310b5dae690e3cea3c3e3ffc70d84484 Mon Sep 17 00:00:00 2001
From: MaryWylde <marykhachatryan13@gmail.com>
Date: Fri, 19 Dec 2025 18:12:03 +0400
Subject: [PATCH] chore: add snowfall to Core View

---
 package.json                              | 1 +
 src/layouts/Layout.tsx                    | 5 +++--
 src/layouts/UXCoreLayout/UXCoreLayout.tsx | 8 +++++++-
 yarn.lock                                 | 9 ++++++++-
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index f7a170d..dba43e9 100644
--- a/package.json
+++ b/package.json
@@ -56,6 +56,7 @@
     "react-minimal-pie-chart": "9.1.2",
     "react-simple-player": "1.1.0",
     "react-slick": "0.29.0",
+    "react-snowfall": "^2.4.0",
     "react-to-pdf": "1.0.1",
     "react-toastify": "8.0.3",
     "react-tooltip": "5.27.1",
diff --git a/src/layouts/Layout.tsx b/src/layouts/Layout.tsx
index 3d5bc7c..33967fc 100644
--- a/src/layouts/Layout.tsx
+++ b/src/layouts/Layout.tsx
@@ -36,10 +36,11 @@ export default function Layout({ children }: { children: React.ReactNode }) {
   const { isUxcoreMobile } = useUCoreMobile()[1];
 
   const pathName = usePathname() ?? '';
+  const normalizedPath = pathName.replace(/\/+$/, '');
 
-  const pathnameWithBypass = /^\/uxcp\/+$/i.test(pathName)
+  const pathnameWithBypass = /^\/uxcp$/i.test(normalizedPath)
     ? '/uxcp/'
-    : pathName.replace(/\/+$/, '');
+    : normalizedPath;
   const path = pathnameWithBypass.replace(/\/+$/, '');
 
   const isUXCoreRoot = path === '/uxcore';
diff --git a/src/layouts/UXCoreLayout/UXCoreLayout.tsx b/src/layouts/UXCoreLayout/UXCoreLayout.tsx
index ac1cec8..0dcf649 100644
--- a/src/layouts/UXCoreLayout/UXCoreLayout.tsx
+++ b/src/layouts/UXCoreLayout/UXCoreLayout.tsx
@@ -2,6 +2,7 @@ import React, { FC, useEffect, useState } from 'react';
 import { useRouter } from 'next/router';
 import cn from 'classnames';
 import dynamic from 'next/dynamic';
+import Snowfall from 'react-snowfall';
 
 import type { TRouter } from '@local-types/global';
 import type { UXCoreLayoutProps } from './UXCoreLayout.types';
@@ -131,7 +132,6 @@ const UXCoreLayout: FC<UXCoreLayoutProps> = ({
   if (!isLoaded) {
     return <Spinner visible={true} />;
   }
-
   return (
     <>
       <section
@@ -171,6 +171,12 @@ const UXCoreLayout: FC<UXCoreLayoutProps> = ({
             {isCoreView && <Search biases={strapiBiases} />}
             {isCoreView && (
               <>
+                <Snowfall
+                  snowflakeCount={250}
+                  radius={[3, 3]}
+                  color={'#ddf0fa'}
+                  style={{ zIndex: 999 }}
+                />
                 <CoreViewLayout biases={strapiBiases} />
                 {locale !== 'hy' && openPodcast && (
                   <UXCorePopup
diff --git a/yarn.lock b/yarn.lock
index 69037b9..b82d0ac 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5535,7 +5535,7 @@ react-dom@19.0.3:
   dependencies:
     scheduler "^0.25.0"
 
-react-fast-compare@^3.2.0:
+react-fast-compare@^3.2.0, react-fast-compare@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
   integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==
@@ -5653,6 +5653,13 @@ react-slick@0.29.0:
     lodash.debounce "^4.0.8"
     resize-observer-polyfill "^1.5.0"
 
+react-snowfall@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/react-snowfall/-/react-snowfall-2.4.0.tgz#79ad34431f2353e842a87be1af3f1f5355e25806"
+  integrity sha512-KAPMiGnxt11PEgC2pTVrTQsvk5jt1kLUtG+ZamiKLphTZ7GiYT1Aa5kX6jp4jKWq1kqJHchnGT9CDm4g86A5Gg==
+  dependencies:
+    react-fast-compare "^3.2.2"
+
 react-to-pdf@1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/react-to-pdf/-/react-to-pdf-1.0.1.tgz#a9a54ba9af9df4213078bf34eb2ffabb752b7263"