From c6364959c921abc2844afc3a4d82c940deead9b1 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 20 Oct 2022 18:00:13 -0700
Subject: [PATCH] Experiment with showing footer on about tab for mobile

---
 web/components/ui/Content/Content.tsx         |  2 +-
 .../CustomPageContent/CustomPageContent.tsx   | 22 ++++++++++++++-----
 web/components/ui/Footer/Footer.module.scss   |  4 ----
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/web/components/ui/Content/Content.tsx b/web/components/ui/Content/Content.tsx
index ece7800ec..466120285 100644
--- a/web/components/ui/Content/Content.tsx
+++ b/web/components/ui/Content/Content.tsx
@@ -312,7 +312,7 @@ export const Content: FC = () => {
           {showChat && !isMobile && <Sidebar />}
         </AntContent>
       </Spin>
-      {(!isMobile || !showChat) && <Footer version={version} />}
+      {!isMobile && <Footer version={version} />}
     </div>
   );
 };
diff --git a/web/components/ui/CustomPageContent/CustomPageContent.tsx b/web/components/ui/CustomPageContent/CustomPageContent.tsx
index c4f0f3b57..456c22f86 100644
--- a/web/components/ui/CustomPageContent/CustomPageContent.tsx
+++ b/web/components/ui/CustomPageContent/CustomPageContent.tsx
@@ -1,13 +1,25 @@
 /* eslint-disable react/no-danger */
 import { FC } from 'react';
+import { useRecoilValue } from 'recoil';
+import Footer from '../Footer/Footer';
 import styles from './CustomPageContent.module.scss';
+import { isMobileAtom, clientConfigStateAtom } from '../../stores/ClientConfigStore';
+import { ClientConfig } from '../../../interfaces/client-config.model';
 
 export type CustomPageContentProps = {
   content: string;
 };
 
-export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => (
-  <div className={styles.pageContentContainer}>
-    <div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
-  </div>
-);
+export const CustomPageContent: FC<CustomPageContentProps> = ({ content }) => {
+  const isMobile = useRecoilValue<boolean | undefined>(isMobileAtom);
+  const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
+  const { version } = clientConfig;
+  return (
+    <>
+      <div className={styles.pageContentContainer}>
+        <div className={styles.customPageContent} dangerouslySetInnerHTML={{ __html: content }} />
+      </div>
+      {isMobile && <Footer version={version} />}
+    </>
+  );
+};
diff --git a/web/components/ui/Footer/Footer.module.scss b/web/components/ui/Footer/Footer.module.scss
index e3de0a729..55f723603 100644
--- a/web/components/ui/Footer/Footer.module.scss
+++ b/web/components/ui/Footer/Footer.module.scss
@@ -12,10 +12,6 @@
   font-weight: 600;
   border-top: 1px solid rgba(214, 211, 211, 0.5);
 
-  @media (max-width: 600px) {
-    display: none;
-  }
-
   a {
     color: var(--theme-text-secondary);
   }