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/Contact.js b/src/pages/Contact.js
index e174b9a..dfcc05a 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -1,3 +1,23 @@
-export default function ContactUs() {
-    return <h1>dont contact us pls</h1>
-}
\ No newline at end of file
+import React, { useContext } from 'react';
+import { AuthContext } from '../providers/AuthContext';
+import GridLayout from '../layouts/GridLayout';
+
+const ContactUs = () => {
+    const { user } = useContext(AuthContext);
+
+    return (
+        <>
+            {!user ? (
+                <h1>don't contact us pls</h1>
+            ) : (
+                <GridLayout>
+                    <>
+                don't contact us pls
+                    </>
+                </GridLayout>
+            )}
+        </>
+    );
+};
+
+export default ContactUs;
\ No newline at end of file