feat(project): add footer and footer markdown

jwplayer · Jun 8, 2021 · c3297f3 · c3297f3
1 parent a9308de
commit c3297f3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/Layout/Layout.module.scss b/src/components/Layout/Layout.module.scss
@@ -20,4 +20,12 @@
   padding: 20px 40px;
   line-height: 18px;
   text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2);
+
+  > div > a,
+  a:visited,
+  a:active,
+  a:hover {
+    color: white;
+    text-decoration: none;
+  }
 }
diff --git a/src/components/Layout/Layout.tsx b/src/components/Layout/Layout.tsx
@@ -1,6 +1,7 @@
 import React, { ReactNode, FC, useState, useContext } from 'react';
 import { Helmet } from 'react-helmet';
 
+import MarkDown from '../MarkDown/MarkDown';
 import ButtonLink from '../ButtonLink/ButtonLink';
 import Header from '../Header/Header';
 import Sidebar from '../Sidebar/Sidebar';
@@ -59,7 +60,11 @@ const Layout: FC<LayoutProps> = ({ children }) => {
         />
         {children}
       </div>
-      {!!footerText && <div className={styles.footer}>{footerText}</div>}
+      {!!footerText && (
+        <div className={styles.footer}>
+          <MarkDown markDownString={footerText} />
+        </div>
+      )}
     </div>
   );
 };