feat(web): add signup with invitecode (#1144)

* feat(web): add signup with invitecode --------- Co-authored-by: allence <lizhenq2009@gmail.com>
labring · May 21, 2023 · 78a671c · 78a671c
1 parent 4929fe3
commit 78a671c
Show file tree

Hide file tree

Showing 6 changed files with 34 additions and 3 deletions.
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
@@ -418,5 +418,6 @@
   },
   "ChatGPT example": "ChatGPT example",
   "LinkCopied": "Link Copied",
+  "create success": "create success",
   "ServerStatus": "STATUS"
 }
diff --git a/web/public/locales/zh-CN/translation.json b/web/public/locales/zh-CN/translation.json
@@ -418,5 +418,6 @@
   },
   "ChatGPT example": "ChatGPT 示例",
   "LinkCopied": "链接复制成功",
+  "create success": "创建成功",
   "ServerStatus": "服务状态"
 }
diff --git a/web/public/locales/zh/translation.json b/web/public/locales/zh/translation.json
@@ -418,5 +418,6 @@
   },
   "ChatGPT example": "ChatGPT 示例",
   "LinkCopied": "链接复制成功",
+  "create success": "创建成功",
   "ServerStatus": "服务状态"
 }
diff --git a/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/index.tsx b/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/index.tsx
@@ -83,7 +83,7 @@ const CreateModal = (props: { functionItem?: any; children?: React.ReactElement
     }
 
     if (!res.error) {
-      showSuccess(isEdit ? "update success" : "create success");
+      showSuccess(isEdit ? t("update success") : t("create success"));
       onClose();
       store.setCurrentFunction(res.data);
       reset(defaultValues);

diff --git a/web/src/pages/auth/signup/index.tsx b/web/src/pages/auth/signup/index.tsx
@@ -64,6 +64,32 @@ export default function SignUp() {
   const [countdown, setCountdown] = useState(60);
   const [isShowPassword, setIsShowPassword] = useState(false);
 
+  let inviteCode = new URLSearchParams(window.location.search).get("code");
+
+  if (inviteCode) {
+    const now = new Date();
+    const expirationDays = 7;
+    const expiration = new Date(now.getTime() + expirationDays * 24 * 60 * 60 * 1000);
+
+    const item = {
+      value: inviteCode,
+      expiration: expiration.getTime(),
+    };
+
+    localStorage.setItem("inviteCode", JSON.stringify(item));
+  } else {
+    const item = localStorage.getItem("inviteCode");
+
+    if (item) {
+      const data = JSON.parse(item);
+      if (new Date().getTime() > data.expiration) {
+        localStorage.removeItem("inviteCode");
+      } else {
+        inviteCode = data.value;
+      }
+    }
+  }
+
   const {
     register,
     getValues,
@@ -91,11 +117,13 @@ export default function SignUp() {
           code: data.validationCode,
           username: data.account,
           password: data.password,
+          inviteCode: inviteCode,
           type: "Signup",
         }
       : {
           username: data.account,
           password: data.password,
+          inviteCode: inviteCode,
           type: "Signup",
         };
 

diff --git a/web/src/pages/home/mods/List/index.tsx b/web/src/pages/home/mods/List/index.tsx
@@ -125,12 +125,12 @@ function List(props: { appListQuery: any; setShouldRefetch: any }) {
                     <p
                       className={clsx(
                         "mt-1",
-                        dayjs().add(3, "day").isAfter(dayjs(item.subscription.expiredAt))
+                        dayjs().add(3, "day").isAfter(dayjs(item.subscription?.expiredAt))
                           ? "text-red-500"
                           : "",
                       )}
                     >
-                      {t("EndTime")}: {formatDate(item.subscription.expiredAt)}
+                      {t("EndTime")}: {formatDate(item.subscription?.expiredAt)}
                       <CreateAppModal application={item} type="renewal">
                         <a
                           className="invisible ml-2 text-primary-500 group-hover:visible group-hover:inline-block"