Auth component and cookie function

1 files changed, 20 insertions, 0 deletions

diff --git a/src/components/WithAuth.js b/src/components/WithAuth.js
new file mode 100644
index 00000000..74518b3b
--- /dev/null
+++ b/src/components/WithAuth.js
@@ -0,0 +1,20 @@
+import { useRouter } from "next/router";
+import { useEffect, useState } from "react";
+import { getAuth } from "../helpers/auth";
+
+const WithAuth = ({ children }) => {
+  const router = useRouter();
+  const [response, setResponse] = useState(<></>);
+
+  useEffect(() => {
+    if (!getAuth()) {
+      router.replace('/login');
+    } else {
+      setResponse(children);
+    }
+  }, [children, router]);
+
+  return response;
+}
+
+export default WithAuth;
\ No newline at end of file