feat: Add ternary to conditionally render GridLayout if a user is logged in

1 files changed, 23 insertions, 3 deletions

diff --git a/src/pages/HelpCenter.js b/src/pages/HelpCenter.js
index 22206fd..bafde98 100644
--- a/src/pages/HelpCenter.js
+++ b/src/pages/HelpCenter.js
@@ -1,3 +1,23 @@
-export default function HelpCenter() {
-    return <h1>halp</h1>
-}
\ No newline at end of file
+import React, { useContext } from 'react';
+import { AuthContext } from '../providers/AuthContext';
+import GridLayout from '../layouts/GridLayout';
+
+const HelpCenter = () => {
+    const { user } = useContext(AuthContext);
+
+    return (
+        <>
+            {!user ? (
+                <h1>halp</h1>
+            ) : (
+                <GridLayout>
+                    <>
+                     halp
+                    </>
+                </GridLayout>
+            )}
+        </>
+    );
+};
+
+export default HelpCenter;
\ No newline at end of file