feat: user not enabled page (#68)

Co-authored-by: Martin Kopeček <martin.kopecek@smallhill.cz>

studio/app/user-not-enabled/page.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { Grid, Heading, View } from "@adobe/react-spectrum";
+import { withPageAuthRequired } from "@auth0/nextjs-auth0/client";
+
+function UserNotEnabledPage() {
+  return (
+    <Grid
+      width="100%"
+      height="100%"
+      gap="size-100"
+      justifyContent="start"
+      alignItems="start"
+    >
+      <View marginX="size-100">
+        <Heading level={1}>User Not Enabled</Heading>
+
+        <p>
+          Your account has not been enabled. Please contact an administrator at{" "}
+          <a href="mailto:vojta@stdio.cz">vojta@stdio.cz</a>
+        </p>
+      </View>
+    </Grid>
+  );
+}
+
+export default withPageAuthRequired(UserNotEnabledPage);

studio/core/utils/withUserEnabled.tsx

@@ -3,7 +3,9 @@ import { hasAccess } from "@features/auth/hasAccess";
 import { redirect } from "next/navigation";
 import { useEffect } from "react";
 
-export const withUserEnabled = <T extends {}>(WrappedComponent: React.FC<T>) => {
+export const withUserEnabled = <T extends {}>(
+  WrappedComponent: React.FC<T>,
+) => {
   // eslint-disable-next-line react/display-name
   return (props: T) => {
     const { data: enabled } = useQuery({
@@ -12,7 +14,7 @@ export const withUserEnabled = <T extends {}>(WrappedComponent: React.FC<T>) =>
     });
 
     useEffect(() => {
-      if (enabled === false) redirect("/");
+      if (enabled === false) redirect("/user-not-enabled");
     }, [enabled]);
 
     if (!enabled) return null;