feat(UserDetailEditor): add explict warning for unconfirmed email

boklisten · Aug 12, 2024 · 48206ac · 48206ac
1 parent 0ba9e95
commit 48206ac
Showing 1 changed file with 34 additions and 23 deletions.
diff --git a/src/components/user/user-detail-editor/UserDetailEditor.tsx b/src/components/user/user-detail-editor/UserDetailEditor.tsx
@@ -270,30 +270,41 @@ const UserDetailEditor = ({
                       søppelpost om den ikke dukker opp i inbox.
                     </Alert>
                   ) : (
-                    <Button
-                      onClick={async () => {
-                        try {
-                          await BlFetcher.post(
-                            BL_CONFIG.collection.emailValidation,
-                            {
-                              userDetail: userDetails.id,
-                              email: userDetails.email,
-                            },
-                          );
-                          setEmailConfirmationRequested(true);
-                        } catch (error) {
-                          if (assertBlApiError(error)) {
-                            setError("email", {
-                              message:
-                                "Klarte ikke sende ny bekreftelseslenke. Vennligst prøv igjen, eller ta kontakt hvis problemet vedvarer.",
-                            });
-                            return;
+                    <>
+                      <Alert
+                        severity={"warning"}
+                        icon={<Info color={"warning"} />}
+                      >
+                        E-postadressen din er ikke bekreftet. En
+                        bekreftelseslenke har blitt sendt til{" "}
+                        {userDetails.email}. Trykk på knappen nedenfor for å
+                        sende en ny lenke.
+                      </Alert>
+                      <Button
+                        onClick={async () => {
+                          try {
+                            await BlFetcher.post(
+                              BL_CONFIG.collection.emailValidation,
+                              {
+                                userDetail: userDetails.id,
+                                email: userDetails.email,
+                              },
+                            );
+                            setEmailConfirmationRequested(true);
+                          } catch (error) {
+                            if (assertBlApiError(error)) {
+                              setError("email", {
+                                message:
+                                  "Klarte ikke sende ny bekreftelseslenke. Vennligst prøv igjen, eller ta kontakt hvis problemet vedvarer.",
+                              });
+                              return;
+                            }
                           }
-                        }
-                      }}
-                    >
-                      Send bekreftelseslenke på nytt
-                    </Button>
+                        }}
+                      >
+                        Send bekreftelseslenke på nytt
+                      </Button>
+                    </>
                   )}
                 </>
               )}