- currentUser is no longer passed as a prop to the Footer component.

Footer component imports useAuth to get the current user
alihadimazeh · Jul 25, 2024 · 0506021 · 0506021
1 parent fdd40e0
commit 0506021
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git 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
@@ -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,
-};