From 74e1cf9f3be47b85a8a29c46786b4a839f977eee Mon Sep 17 00:00:00 2001
From: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com>
Date: Sat, 16 Jan 2021 22:28:02 +0300
Subject: Polyfills Smooth Scroll

Pollyfills smooth scroll on the scroll to top button.

Signed-off-by: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com>
---
 package.json                   |  2 ++
 src/components/ScrollToTop.tsx |  3 +++
 yarn.lock                      | 10 ++++++++++
 3 files changed, 15 insertions(+)

diff --git a/package.json b/package.json
index c3e21ce..916f69e 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@types/react-dom": "17.0.0",
     "@types/react-router-dom": "5.1.7",
     "@types/react-transition-group": "4.4.0",
+    "@types/smoothscroll-polyfill": "0.3.1",
     "axios": "0.21.1",
     "copy-webpack-plugin": "7.0.0",
     "cross-env": "7.0.3",
@@ -28,6 +29,7 @@
     "react-router-dom": "5.2.0",
     "react-spinners": "0.10.4",
     "react-transition-group": "4.4.1",
+    "smoothscroll-polyfill": "0.4.4",
     "swc-loader": "0.1.12",
     "typescript": "4.1.3",
     "webpack": "5.11.1",
diff --git a/src/components/ScrollToTop.tsx b/src/components/ScrollToTop.tsx
index 4888dec..2c5e9ca 100644
--- a/src/components/ScrollToTop.tsx
+++ b/src/components/ScrollToTop.tsx
@@ -3,6 +3,9 @@ import { jsx, css } from "@emotion/react";
 import React from "react";
 import colors from "../colors";
 
+import smoothscroll from "smoothscroll-polyfill";
+smoothscroll.polyfill();
+
 const styles = css`
   width: 2.5rem;
   height: 2.5rem;
diff --git a/yarn.lock b/yarn.lock
index 2e4a587..25da0e8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2201,6 +2201,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/smoothscroll-polyfill@0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@types/smoothscroll-polyfill/-/smoothscroll-polyfill-0.3.1.tgz#77fb3a6e116bdab4a5959122e3b8e201224dcd49"
+  integrity sha512-+KkHw4y+EyeCtVXET7woHUhIbfWFCflc0E0mZnSV+ZdjPQeHt/9KPEuT7gSW/kFQ8O3EG30PLO++YhChDt8+Ag==
+
 "@types/source-list-map@*":
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.2.tgz#0078836063ffaf17412349bba364087e0ac02ec9"
@@ -8063,6 +8068,11 @@ slice-ansi@^4.0.0:
     astral-regex "^2.0.0"
     is-fullwidth-code-point "^3.0.0"
 
+smoothscroll-polyfill@0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
+  integrity sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
-- 
cgit v1.2.3