move local html pages to the website

Author: medyo

src/App.js

@@ -1,18 +1,12 @@
-import React, { useState, useReducer, useEffect, useContext, useRef } from 'react'
+import React, { useState, useEffect, useContext, useRef } from 'react'
 import './App.css'
 import ConfigurationContext from './configuration/ConfigurationContext'
-import { APP, LS_PREFERENCES_KEY, SUPPORTED_CARDS } from './Constants'
-import AppStorage from './services/localStorage'
-import TermsPage from './pages/TermsPage'
-import PrivacyPage from './pages/PrivacyPage'
-import DataSourcePage from './pages/DataSourcePage'
 import Footer from './components/Footer'
 import Header from './components/Header'
 import { trackPageView } from './utils/Analytics'
 import BookmarksSidebar from './bookmark/BookmarksSidebar'
 import MarketingBanner from './components/MarketingBanner'
 import ScrollCardsNavigator from './components/ScrollCardsNavigator'
-import BottomNavigation from './components/BottomNavigation'
 import AppContentLayout from './components/AppContentLayout'
 import 'react-contexify/dist/ReactContexify.css'
 import PreferencesContext from './preferences/PreferencesContext'
@@ -28,46 +22,24 @@ function App() {
     trackPageView(currentPage)
   }, [currentPage])
 
-  const renderHomePage = () => {
-    return (
-      <div className="App">
-        <Header
-          setShowSideBar={setShowSideBar}
-          state={state}
-          dispatcher={dispatcher}
-          showSideBar={showSideBar}
-          showSettings={showSettings}
-          setShowSettings={setShowSettings}
-        />
-        <ScrollCardsNavigator />
-        <MarketingBanner {...marketingBannerConfig} />
-        <AppContentLayout setShowSettings={setShowSettings} />
-        <BookmarksSidebar showSidebar={showSideBar} onClose={() => setShowSideBar(false)} />
+  return (
+    <div className="App">
+      <Header
+        setShowSideBar={setShowSideBar}
+        state={state}
+        dispatcher={dispatcher}
+        showSideBar={showSideBar}
+        showSettings={showSettings}
+        setShowSettings={setShowSettings}
+      />
+      <ScrollCardsNavigator />
+      <MarketingBanner {...marketingBannerConfig} />
+      <AppContentLayout setShowSettings={setShowSettings} />
+      <BookmarksSidebar showSidebar={showSideBar} onClose={() => setShowSideBar(false)} />
 
-        <Footer setCurrentPage={setCurrentPage} feedbackWidget={feedbackWidget} />
-      </div>
-    )
-  }
-
-  const autoRouteContent = () => {
-    let content = null
-    switch (currentPage) {
-      case 'terms':
-        content = <TermsPage goToPage={setCurrentPage} />
-        break
-      case 'privacy':
-        content = <PrivacyPage goToPage={setCurrentPage} />
-        break
-      case 'dataSource':
-        content = <DataSourcePage goToPage={setCurrentPage} />
-        break
-      default:
-        content = renderHomePage()
-    }
-    return content
-  }
-
-  return autoRouteContent()
+      <Footer setCurrentPage={setCurrentPage} feedbackWidget={feedbackWidget} />
+    </div>
+  )
 }
 
 export default App

src/Constants.js

@@ -29,6 +29,9 @@ const APP = {
   contactEmail: 'hello@hackertab.dev',
   maxCardsPerRow: 4,
   supportLink: 'https://github.com/medyo/hackertab.dev/issues',
+  privacyPolicyLink: 'https://www.hackertab.dev/extension-privacy',
+  termsAndConditionsLink: 'https://www.hackertab.dev/extension-terms-and-conditions',
+  dataSourcesLink: 'https://www.hackertab.dev/data-sources',
   changeLogLink: 'https://api.github.com/repos/medyo/hackertab.dev/releases',
 }
 

src/components/Footer.js

@@ -1,24 +1,31 @@
 import React from 'react'
 import { APP } from '../Constants';
 import { RiCodeSSlashFill } from "react-icons/ri"
-import { trackPageView } from "../utils/Analytics"
-import { AiFillHeart } from "react-icons/ai"
-import { HiLightBulb } from "react-icons/hi"
+import { trackPageView } from '../utils/Analytics'
+import { HiLightBulb } from 'react-icons/hi'
 
-
-function Footer({ setCurrentPage, feedbackWidget }) {
-
-  const { show: showFeedbackWidget } = feedbackWidget || { show: false };
+function Footer({ feedbackWidget }) {
+  const { show: showFeedbackWidget } = feedbackWidget || { show: false }
 
   const onSourceCodeClick = () => {
     trackPageView('source code')
-    window.open(APP.repository, "_blank")
+    window.open(APP.repository, '_blank')
   }
 
   const onNewFeatureRequest = () => {
     window.open(APP.supportLink)
   }
 
+  const onPrivacyPolicyClick = () => {
+    window.open(APP.privacyPolicyLink)
+  }
+  const onTermsClick = () => {
+    window.open(APP.termsAndConditionsLink)
+  }
+  const onDataSourcesClick = () => {
+    window.open(APP.dataSourcesLink)
+  }
+
   return (
     <footer className="AppFooter">
       {showFeedbackWidget && (
@@ -29,14 +36,11 @@ function Footer({ setCurrentPage, feedbackWidget }) {
       <a className="linkItem" href="#" onClick={() => onSourceCodeClick()}>
         <RiCodeSSlashFill className="linkItemIcon" /> Source code
       </a>
-      <a
-        className="linkItem"
-        href="#"
-        onClick={() => setCurrentPage('terms')}>{`Terms & conditions`}</a>
-      <a className="linkItem" href="#" onClick={() => setCurrentPage('privacy')}>
+      <a className="linkItem" href="#" onClick={() => onTermsClick()}>{`Terms & conditions`}</a>
+      <a className="linkItem" href="#" onClick={() => onPrivacyPolicyClick()}>
         Privacy policy
       </a>
-      <a className="linkItem" href="#" onClick={() => setCurrentPage('dataSource')}>
+      <a className="linkItem" href="#" onClick={() => onDataSourcesClick()}>
         Data sources
       </a>
     </footer>