Merge pull request #12 from ms-club-sliit/feature/scroll-to-top-pages

Scroll to top button all pages created - issue #8

.github/workflows/node.js.yml

@@ -23,6 +23,6 @@ jobs:
       with:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'
+    - run: npm install
     - run: npm ci
     - run: npm run build
-    - run: npm test --if-present

package.json

@@ -23,6 +23,7 @@
     "react-owl-carousel": "^2.3.3",
     "react-router-dom": "^6.0.2",
     "react-scripts": "4.0.3",
+    "react-scroll-to-top": "^1.0.5",
     "typescript": "^4.1.2",
     "web-vitals": "^1.0.1"
   },
@@ -49,6 +50,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "devDependencies": {}
+  }
 }

src/pages/about/index.tsx

@@ -2,9 +2,11 @@ import React from "react";
 import HeroSection from "./hero-section";
 import PioneersSection from "./pioneers-section";
 import VisionSection from "./vision-section";
+import ScrollToTop from "react-scroll-to-top";
 
 const About: React.FC = () => (
   <div className="container">
+    <ScrollToTop smooth />
     <HeroSection />
     <PioneersSection />
     <VisionSection />

src/pages/blog/index.tsx

@@ -1,9 +1,11 @@
 import React from "react";
 import BlogList from "./blog-list-section";
 import HeroSection from "./hero-section";
+import ScrollToTop from "react-scroll-to-top";
 
 const Blogs: React.FC = () => (
   <div className="container">
+      <ScrollToTop smooth />
       <HeroSection/>
       <BlogList/>
   </div>

src/pages/board/index.tsx

@@ -1,8 +1,10 @@
 import React from "react";
 import BoardByYear from "./board-by-year";
+import ScrollToTop from "react-scroll-to-top";
 
 const Boards: React.FC = () => (
   <div className="container">
+    <ScrollToTop smooth />
     <BoardByYear/>
   </div>
 );

src/pages/contact/index.tsx

@@ -1,9 +1,11 @@
 import React from "react";
 import HeroSection from "./hero-section";
 import ContactFormSection from "./contact-form-section";
+import ScrollToTop from "react-scroll-to-top";
 
 const Contact: React.FC = () => (
   <div className="container">
+    <ScrollToTop smooth />
     <HeroSection />
     <ContactFormSection />
   </div>

src/pages/event/index.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 import EventList from './event-list-section';
 import HeroSection from './hero-section';
+import ScrollToTop from "react-scroll-to-top";
 
 const Events: React.FC = () => (
   <div>
+    <ScrollToTop smooth />
     <HeroSection />
     <EventList />
   </div>

src/pages/home/index.tsx

@@ -4,9 +4,11 @@ import HeroSection from "./hero-section";
 import PastEventSection from "./past-events-section";
 import PastWebinarSection from "./past-webinars-section";
 import WhatWeDoSection from "./who-we-are-section";
+import ScrollToTop from "react-scroll-to-top";
 
 const Home: React.FC = () => (
   <div>
+    <ScrollToTop smooth />
     <HeroSection />
     <WhatWeDoSection />
     <BlogsSection />