move footer to elements

Author: medyo

src/App.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext } from 'react'
 import './App.css'
-import Footer from './components/Footer'
-import Header from './components/Header'
+import { Footer } from 'src/components/Layout'
+import Header from 'src/components/Header'
 import BookmarksSidebar from './bookmark/BookmarksSidebar'
 import { MarketingBanner } from 'src/components/Elements/MarketingBanner'
 import ScrollCardsNavigator from './components/ScrollCardsNavigator'

src/components/Footer.js src/components/Layout/Footer.tsxsrc/components/Footer.js renamed to src/components/Layout/Footer.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
-import { APP } from '../Constants'
+import { APP } from '../../Constants'
 import { RiCodeSSlashFill } from 'react-icons/ri'
 import { HiLightBulb } from 'react-icons/hi'
 import { trackPageView } from 'src/lib/analytics'
 
-function Footer({ feedbackWidget }) {
+export const Footer = () => {
   const onSourceCodeClick = () => {
     trackPageView('Source Code')
     window.open(APP.repository, '_blank')
@@ -30,7 +30,7 @@ function Footer({ feedbackWidget }) {
 
   return (
     <footer className="AppFooter">
-      <a className="linkItem" href="#" onClick={(e) => onNewFeatureRequest(e)}>
+      <a className="linkItem" href="#" onClick={() => onNewFeatureRequest()}>
         <HiLightBulb className="linkItemIcon" /> New Feature?
       </a>
       <a className="linkItem" href="#" onClick={() => onSourceCodeClick()}>
@@ -46,5 +46,3 @@ function Footer({ feedbackWidget }) {
     </footer>
   )
 }
-
-export default Footer

src/components/Layout/index.ts

@@ -0,0 +1 @@
+export * from "./Footer"