|
| 1 | +"use client"; |
| 2 | + |
| 3 | +import { usePopup } from "@/components/admin/connectors/Popup"; |
| 4 | +import { basicLogin, basicSignup } from "@/lib/user"; |
| 5 | +import { useRouter } from "next/navigation"; |
| 6 | +import { useEffect } from "react"; |
| 7 | +import { Spinner } from "@/components/Spinner"; |
| 8 | +import { v4 as uuidv4 } from 'uuid'; |
| 9 | + |
| 10 | +export function HeaderLoginLoading({ |
| 11 | + user, groups |
| 12 | +}: { |
| 13 | + user: string; |
| 14 | + groups: string[]; |
| 15 | +}) { |
| 16 | + console.log(user, groups); |
| 17 | + |
| 18 | + const router = useRouter(); |
| 19 | + const { popup, setPopup } = usePopup(); |
| 20 | + const email = `${user}@default.com`; |
| 21 | + const password = `not-used-${uuidv4()}` |
| 22 | + const role = groups.includes("/admins") ? "admin" : "basic" |
| 23 | + |
| 24 | + async function tryLogin() { |
| 25 | + // TODO: Update user role here if groups have changed? |
| 26 | + |
| 27 | + // TODO: Use other API endpoints here to update user roles |
| 28 | + // and check for existence instead of attempting sign up |
| 29 | + // Endpoints: |
| 30 | + // - /api/manage/users |
| 31 | + // - /api/manage/promote-user-to-admin (auth required) |
| 32 | + // - /api/manage/demote-admin-to-user (auth required) |
| 33 | + |
| 34 | + // signup every time. |
| 35 | + // Ensure user exists |
| 36 | + const response = await basicSignup(email, password, role); |
| 37 | + if (!response.ok) { |
| 38 | + const errorDetail = (await response.json()).detail; |
| 39 | + |
| 40 | + if (errorDetail !== "REGISTER_USER_ALREADY_EXISTS") { |
| 41 | + setPopup({ |
| 42 | + type: "error", |
| 43 | + message: `Failed to sign up - ${errorDetail}`, |
| 44 | + }); |
| 45 | + } |
| 46 | + } |
| 47 | + // Login as user |
| 48 | + const loginResponse = await basicLogin(email, password); |
| 49 | + if (loginResponse.ok) { |
| 50 | + router.push("/"); |
| 51 | + } else { |
| 52 | + const errorDetail = (await loginResponse.json()).detail; |
| 53 | + setPopup({ |
| 54 | + type: "error", |
| 55 | + message: `Failed to login - ${errorDetail}`, |
| 56 | + }); |
| 57 | + } |
| 58 | + } |
| 59 | + |
| 60 | + useEffect(() => { |
| 61 | + tryLogin() |
| 62 | + }, []); |
| 63 | + |
| 64 | + return ( |
| 65 | + <> |
| 66 | + {popup} |
| 67 | + <Spinner /> |
| 68 | + </> |
| 69 | + ); |
| 70 | +} |
0 commit comments