From fdd40e02d482d182dffa86f9ecbe0179f12d5ba0 Mon Sep 17 00:00:00 2001
From: Ali Hadi Mazeh <ali.hadi.mazeh@blindsidenetworks.com>
Date: Wed, 24 Jul 2024 17:44:06 -0400
Subject: [PATCH 1/2] Greenlight version number only appears for admins

- Changes to App.jsx: passed in currentUser to the Footer
- Footer renders the version number if the current user is an admin
---
 app/javascript/App.jsx                                 |  2 +-
 app/javascript/components/shared_components/Footer.jsx | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/javascript/App.jsx b/app/javascript/App.jsx
index 045c787f55..dc7fc62ad7 100644
--- a/app/javascript/App.jsx
+++ b/app/javascript/App.jsx
@@ -81,7 +81,7 @@ export default function App() {
         newestOnTop
         autoClose={3000}
       />
-      <Footer />
+      <Footer currentUser={currentUser} />
     </>
   );
 }
diff --git a/app/javascript/components/shared_components/Footer.jsx b/app/javascript/components/shared_components/Footer.jsx
index 30a3b5b2b4..1d308bd5c9 100644
--- a/app/javascript/components/shared_components/Footer.jsx
+++ b/app/javascript/components/shared_components/Footer.jsx
@@ -17,19 +17,21 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Container } from 'react-bootstrap';
+import PropTypes from 'prop-types';
 import useEnv from '../../hooks/queries/env/useEnv';
 import useSiteSetting from '../../hooks/queries/site_settings/useSiteSetting';
 
-export default function Footer() {
+export default function Footer({ currentUser = null }) {
   const { t } = useTranslation();
   const { data: env } = useEnv();
   const { data: links } = useSiteSetting(['Terms', 'PrivacyPolicy']);
+  const isAdmin = currentUser && currentUser.role && currentUser?.role.name === 'Administrator';
 
   return (
     <footer id="footer" className="footer background-whitesmoke text-center">
       <Container id="footer-container" className="py-3">
         <a href="https://docs.bigbluebutton.org/greenlight/v3/install" target="_blank" rel="noreferrer">Greenlight</a>
-        <span className="text-muted"> {env?.VERSION_TAG} </span>
+        { isAdmin && <span className="text-muted"> {env?.VERSION_TAG} </span> }
         { links?.Terms
           && (
             <a className="ps-3" href={links?.Terms} target="_blank" rel="noreferrer">
@@ -46,3 +48,7 @@ export default function Footer() {
     </footer>
   );
 }
+
+Footer.propTypes = {
+  currentUser: PropTypes.func.isRequired,
+};

From 0506021c9e9991f6c34d208f3693d8ae92f72f89 Mon Sep 17 00:00:00 2001
From: Ali Hadi Mazeh <ali.hadi.mazeh@blindsidenetworks.com>
Date: Thu, 25 Jul 2024 15:03:46 -0400
Subject: [PATCH 2/2] - currentUser is no longer passed as a prop to the Footer
 component.   Footer component imports useAuth to get the current user

---
 app/javascript/App.jsx                                 | 2 +-
 app/javascript/components/shared_components/Footer.jsx | 9 +++------
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/app/javascript/App.jsx b/app/javascript/App.jsx
index dc7fc62ad7..045c787f55 100644
--- a/app/javascript/App.jsx
+++ b/app/javascript/App.jsx
@@ -81,7 +81,7 @@ export default function App() {
         newestOnTop
         autoClose={3000}
       />
-      <Footer currentUser={currentUser} />
+      <Footer />
     </>
   );
 }
diff --git a/app/javascript/components/shared_components/Footer.jsx b/app/javascript/components/shared_components/Footer.jsx
index 1d308bd5c9..2b30506e3c 100644
--- a/app/javascript/components/shared_components/Footer.jsx
+++ b/app/javascript/components/shared_components/Footer.jsx
@@ -17,14 +17,15 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Container } from 'react-bootstrap';
-import PropTypes from 'prop-types';
 import useEnv from '../../hooks/queries/env/useEnv';
 import useSiteSetting from '../../hooks/queries/site_settings/useSiteSetting';
+import { useAuth } from '../../contexts/auth/AuthProvider';
 
-export default function Footer({ currentUser = null }) {
+export default function Footer() {
   const { t } = useTranslation();
   const { data: env } = useEnv();
   const { data: links } = useSiteSetting(['Terms', 'PrivacyPolicy']);
+  const currentUser = useAuth();
   const isAdmin = currentUser && currentUser.role && currentUser?.role.name === 'Administrator';
 
   return (
@@ -48,7 +49,3 @@ export default function Footer({ currentUser = null }) {
     </footer>
   );
 }
-
-Footer.propTypes = {
-  currentUser: PropTypes.func.isRequired,
-};