feat(issue-110): add the snowfall for pfr-centr.com

Merge pull request #112 from live-dev999/live-dev999/issue110
O2-Bionics · Dec 29, 2021 · 29addd2 · 29addd2
2 parents 40618e0 + 7be1862
commit 29addd2
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/src/WebApps/pfr-app/pfr-app/package-lock.json b/src/WebApps/pfr-app/pfr-app/package-lock.json
diff --git 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
@@ -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">