From d327825b76bb16eb6d1a9a9a3b9d77b52daa5fb0 Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Sat, 17 Feb 2024 22:08:30 +0100
Subject: [PATCH] init payment

---
 public/locales/de/translation.json |  4 ++++
 src/Pages/Authentication/Login.js  | 14 ++++++++++++++
 src/utils.js                       |  1 +
 3 files changed, 19 insertions(+)

diff --git a/public/locales/de/translation.json b/public/locales/de/translation.json
index 9d953d5..34313fa 100644
--- a/public/locales/de/translation.json
+++ b/public/locales/de/translation.json
@@ -156,6 +156,10 @@
       "stateInitLogin": {
         "info": "Ihr Konto wurde neu erstellt und hat noch kein Passwort. Bitte legen Sie ein Passwort fest, um sich anzumelden."
       },
+      "stateInitPayment": {
+        "title": "Zahlung ausstehend",
+        "description": "Bitte schließen Sie die Zahlung ab, um sich anzumelden."
+      },
       "request": {
         "400": {
           "title": "Anmeldung fehlgeschlagen",
diff --git a/src/Pages/Authentication/Login.js b/src/Pages/Authentication/Login.js
index 3df8797..5baea26 100644
--- a/src/Pages/Authentication/Login.js
+++ b/src/Pages/Authentication/Login.js
@@ -30,6 +30,7 @@ const LoginStep = {
   BANNED: 5,
   _BACK_TO_PASSWORD: 6, // needed for going back from pending deletion to password step as the useEffect for the account name is triggered and would set the step to account name
   PENDING_EMAIL_VERIFICATION: 7,
+  INIT_PAYMENT: 8,
 };
 
 // First step: account name -> get state of account by backend
@@ -129,6 +130,16 @@ export function Login({ notificationApi }) {
     return <PendingEmailVerification />;
   }
 
+  if (step === LoginStep.INIT_PAYMENT) {
+    return (
+      <Result
+        status="warning"
+        title={t("authentication.login.stateInitPayment.title")}
+        subTitle={t("authentication.login.stateInitPayment.description")}
+      />
+    );
+  }
+
   return (
     <Form
       form={form}
@@ -252,6 +263,9 @@ export function Login({ notificationApi }) {
                     case Constants.ACCOUNT_STATE.PENDING_EMAIL_VERIFICATION:
                       setStep(LoginStep.PENDING_EMAIL_VERIFICATION);
                       break;
+                    case Constants.ACCOUNT_STATE.INIT_PAYMENT:
+                      setStep(LoginStep.INIT_PAYMENT);
+                      break;
                     default:
                       showUnkownErrorNotification(notificationApi, t);
                       break;
diff --git a/src/utils.js b/src/utils.js
index 41d1af7..b67b94f 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -103,6 +103,7 @@ export const Constants = {
     INIT_LOGGING: 2,
     BANNED: 3,
     PENDING_EMAIL_VERIFICATION: 4,
+    INIT_PAYMENT: 5,
   },
   SUPPORT_EMAIL: process.env.REACT_APP_SUPPORT_EMAIL,
   PAYMENT_PLAN: [