feat: feed feature, typescript, remove google, fix errs & warns

src/components/footer/index.tsx

@@ -1,7 +1,11 @@
 import React from 'react'
+import { FaRss } from 'react-icons/fa'
 import { Section } from '../shared'
 import { SolidButton } from '../shared/styledComponents'
 import { StyledHeading, StyledDesc, InputStyled, StyledAnchor } from './style'
+import { siteMetadata } from '../../../gatsby-config'
+
+const rssFeedUrl = `${siteMetadata.siteUrl}rss.xml`
 
 const anchorStyles = {
   color: '#888'
@@ -13,42 +17,39 @@ const Footer = () => (
       <div className="col-md-3 me-md-5">
         <StyledHeading>Data Controller</StyledHeading>
         <StyledDesc>
-          Data Controller is the product of a UK company with a singular focus on{' '}
-          <StyledAnchor
-            href="https://sasapps.io"
-            target="_blank"
-            rel="noopener"
-          >
-            SAS Web Apps
-          </StyledAnchor>.
+          Data Controller is the product of a UK company with a singular focus
+          on <StyledAnchor href="https://sasapps.io">SAS Web Apps</StyledAnchor>
+          .
         </StyledDesc>
       </div>
       <div className="col-md-3">
         <StyledHeading>Source Code</StyledHeading>
         <StyledDesc>
-          All our source code can be found on our self-hosted{' '}
-          <StyledAnchor
-            href="https://git.datacontroller.io"
-            target="_blank"
-            rel="noopener"
-          >
+          Data Controller source is on our self-hosted{' '}
+          <StyledAnchor href="https://git.datacontroller.io">
             Gitea Repository
           </StyledAnchor>
-          .
+          ; the underlying SASjs framework is on{' '}
+          <StyledAnchor href="https://github.com/sasjs">GitHub</StyledAnchor>.
         </StyledDesc>
       </div>
       <div className="col-md-3">
         <StyledHeading>Other Resources</StyledHeading>
         <StyledDesc>
-          Leverage our underlying tech stack on{' '}
-          <StyledAnchor
-            href="https://github.com/sasjs"
-            target="_blank"
-            rel="noopener"
-          >
-            Github
+          Connect on{' '}
+          <StyledAnchor href={siteMetadata.social.linkedin}>
+            LinkedIn
+          </StyledAnchor>
+          , read the{' '}
+          <StyledAnchor href="https://docs.datacontroller.io">
+            docs
+          </StyledAnchor>
+          , or subscribe to the{' '}
+          <StyledAnchor href={rssFeedUrl}>
+            <FaRss style={{ marginRight: '6px', verticalAlign: 'middle' }} />
+            RSS feed
           </StyledAnchor>{' '}
-          and build your own SAS Powered Web Apps.
+          for updates.
         </StyledDesc>
       </div>
     </div>

src/components/footer/style.tsx

@@ -1,6 +1,8 @@
-import React from 'react'
+import * as React from 'react'
 import styled from 'styled-components'
 
+import type { StyledAnchorProps } from '../../types'
+
 export const StyledHeading = styled.h6`
   margin-bottom: 0.8rem;
   text-transform: uppercase;
@@ -33,7 +35,10 @@ const Anchor = styled.a`
   }
 `
 
-export const StyledAnchor = ({ children, href }) => (
+export const StyledAnchor: React.FC<StyledAnchorProps> = ({
+  children,
+  href
+}) => (
   <Anchor href={href} target="_blank" rel="noopener">
     {children}
   </Anchor>