From 7be18625f22a889d77136b909bb7dcdf41ba7542 Mon Sep 17 00:00:00 2001
From: Denis Prokhorchik <live-dev@hotmail.com>
Date: Wed, 29 Dec 2021 14:30:18 +0300
Subject: [PATCH] feat(issue-110): add the snowfall for pfr-centr.com

---
 src/WebApps/pfr-app/pfr-app/package-lock.json | 13 +++++++++++++
 src/WebApps/pfr-app/pfr-app/package.json      |  1 +
 src/WebApps/pfr-app/pfr-app/src/App.js        |  8 ++++++++
 3 files changed, 22 insertions(+)

diff --git a/src/WebApps/pfr-app/pfr-app/package-lock.json b/src/WebApps/pfr-app/pfr-app/package-lock.json
index 5bc07552..30e715f3 100644
--- a/src/WebApps/pfr-app/pfr-app/package-lock.json
+++ b/src/WebApps/pfr-app/pfr-app/package-lock.json
@@ -12533,6 +12533,11 @@
       "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.9.tgz",
       "integrity": "sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew=="
     },
+    "react-fast-compare": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
+      "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
+    },
     "react-icons": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.3.1.tgz",
@@ -12614,6 +12619,14 @@
         "workbox-webpack-plugin": "5.1.4"
       }
     },
+    "react-snowfall": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/react-snowfall/-/react-snowfall-1.1.1.tgz",
+      "integrity": "sha512-SREER5iikqVY8Fu0BpaYllzGHB1iKZacXY76E/rW1n1zKUH5ClqVWG1UZS+3fR6OTg9GkeGG459juSnARVoNGQ==",
+      "requires": {
+        "react-fast-compare": "^3.2.0"
+      }
+    },
     "read-pkg": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
diff --git a/src/WebApps/pfr-app/pfr-app/package.json b/src/WebApps/pfr-app/pfr-app/package.json
index d14324b8..a755ab8f 100644
--- a/src/WebApps/pfr-app/pfr-app/package.json
+++ b/src/WebApps/pfr-app/pfr-app/package.json
@@ -10,6 +10,7 @@
     "react-dom": "^17.0.2",
     "react-icons": "^4.3.1",
     "react-scripts": "4.0.3",
+    "react-snowfall": "^1.1.1",
     "web-vitals": "^1.1.2"
   },
   "scripts": {
diff --git a/src/WebApps/pfr-app/pfr-app/src/App.js b/src/WebApps/pfr-app/pfr-app/src/App.js
index 49d6fca7..82d48980 100644
--- a/src/WebApps/pfr-app/pfr-app/src/App.js
+++ b/src/WebApps/pfr-app/pfr-app/src/App.js
@@ -1,10 +1,18 @@
 import logo from "./pfr-logo.svg";
 import "./App.css";
+import Snowfall from "react-snowfall";
 import Footer from "./Components/Footer";
 
 function App() {
   return (
     <div className="App">
+      <Snowfall
+        color="#dee4fd"
+        snowflakeCount={500}
+        radius={[0.5, 3.0]}
+        speed={[0.5, 3.0]}
+        wind={[-0.5, 2.0]}
+      />
       <header className="App-header">
         <section className="hero xl:mx-20">
           <div class="flex py-6 flex-col justify-center mt-20 items-center">