Merge pull request #14 from DesignSystemsOSS/development

Discord link re-direction added

src/App.js

@@ -3,6 +3,7 @@ import Footer from "./components/section-components/Footer";
 import Header from "./components/section-components/Header";
 import './styles/index.css';
 import Careers from "./views/Careers";
+import Discord from "./views/Discord";
 import LandingPage from "./views/LandingPage";
 import Products from "./views/Products";
 import Team from "./views/Team";
@@ -18,6 +19,8 @@ function App() {
         <Route path="/team" exact component={Team} />
         <Route path="/products" exact component={Products} />
         <Route path="/careers" exact component={Careers} />
+        {/* route for re-directing to the discord server */}
+        <Route path="/discord" exact component={Discord} />
       </BrowserRouter>
       {/* footer component */}
       <Footer />

src/views/Discord/index.js

@@ -0,0 +1,12 @@
+import React, { useEffect } from 'react';
+
+export default function Discord() {
+  useEffect(() => {
+    window.location.href = "https://discord.gg/sETEXAsWhR";
+  }, []);
+  return (
+    <div className="discord-view">
+      Redirecting to The DesignSystems' Discord Server...
+    </div>
+  )
+}