Add all repos

metamigo-frontend/components/Auth.tsx

@@ -0,0 +1,20 @@
+import { FC, PropsWithChildren, useEffect } from "react";
+import { CircularProgress } from "@material-ui/core";
+import { useSession } from "next-auth/react";
+import { useRouter } from "next/router";
+
+export const Auth: FC<PropsWithChildren> = ({ children }) => {
+  const router = useRouter();
+  const { data: session, status: loading } = useSession();
+  useEffect(() => {
+    if (!session && !loading) {
+      router.push("/login");
+    }
+  }, [session, loading]);
+
+  if (loading) {
+    return <CircularProgress />;
+  }
+
+  return <>{children}</>;
+};