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 && }
- {(!isMobile || !showChat) && }
+ {!isMobile && }
);
};
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 = ({ content }) => (
-
-);
+export const CustomPageContent: FC = ({ content }) => {
+ const isMobile = useRecoilValue(isMobileAtom);
+ const clientConfig = useRecoilValue(clientConfigStateAtom);
+ const { version } = clientConfig;
+ return (
+ <>
+
+ {isMobile && }
+ >
+ );
+};
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);
}