Fix empty mail on first load

Author: sunls24

components/actions.tsx

@@ -4,7 +4,7 @@ import { Button } from "@/components/ui/button";
 import { CheckCircle, Edit, Shuffle } from "lucide-react";
 import { Input } from "@/components/ui/input";
 import SelectWrap from "@/components/select-wrap";
-import { domainList } from "@/lib/constant";
+import { DOMAIN_LIST } from "@/lib/constant";
 import Mounted from "@/components/mounted";
 import { useConfig } from "@/lib/store/config";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -67,7 +67,7 @@ function Actions() {
         <SelectWrap
           value={domain}
           setValue={(domain) => setDomain(domain)}
-          list={domainList}
+          list={DOMAIN_LIST}
           disabled={!edited}
         />
       </Mounted>

components/mail-refresh.tsx

@@ -2,7 +2,7 @@
 import React, { useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { RefreshCw } from "lucide-react";
-import { refreshSeconds } from "@/lib/constant";
+import { REFRESH_SECONDS } from "@/lib/constant";
 import { useEnvelope } from "@/lib/store/envelope";
 import { useConfig } from "@/lib/store/config";
 import { useToast } from "@/components/ui/use-toast";
@@ -24,8 +24,8 @@ function MailRefresh() {
   useEffect(() => {
     const timerId = setTimeout(
       async () => {
-        if (seconds >= refreshSeconds - 1 || !timer) {
-          await onRefresh();
+        if (seconds >= REFRESH_SECONDS - 1 || !timer) {
+          emitter.emit(mittKey.REFRESH);
           return;
         }
         setSeconds(seconds + 1);
@@ -70,7 +70,7 @@ function MailRefresh() {
       )}
       <span className="self-end pb-0.5 text-sm text-muted-foreground">
         将在
-        <span className="font-medium">{refreshSeconds - seconds}s</span>
+        <span className="font-medium">{REFRESH_SECONDS - seconds}s</span>
         后自动刷新
       </span>
     </>

lib/constant.ts

@@ -1,5 +1,6 @@
-export const domainList = ["@sliu.eu.org"];
+export const DOMAIN_LIST = ["@sliu.eu.org"];
 
-export const refreshSeconds = process.env.NODE_ENV === "development" ? 100 : 10;
+export const REFRESH_SECONDS =
+  process.env.NODE_ENV === "development" ? 100 : 10;
 
 export const VERSION = "1.0.1";

lib/store/config.ts

@@ -1,7 +1,7 @@
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { randomMail } from "@/lib/utils";
-import { domainList } from "@/lib/constant";
+import { DOMAIN_LIST } from "@/lib/constant";
 
 interface Config {
   mail: string;
@@ -14,7 +14,7 @@ export const useConfig = create<Config>()(
   persist(
     (set) => ({
       mail: randomMail(),
-      domain: domainList[0],
+      domain: DOMAIN_LIST[0],
       update(mail: string, domain: string) {
         set({ mail, domain });
       },

package.json

@@ -15,31 +15,31 @@
     "@radix-ui/react-toast": "^1.1.5",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "imapflow": "^1.0.152",
-    "lucide-react": "^0.331.0",
-    "mailparser": "^3.6.7",
+    "imapflow": "^1.0.156",
+    "lucide-react": "^0.358.0",
+    "mailparser": "^3.6.9",
     "mitt": "^3.0.1",
-    "next": "^14.1.0",
+    "next": "^14.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwind-merge": "^2.2.1",
-    "zustand": "^4.5.1"
+    "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@types/imapflow": "^1.0.18",
     "@types/mailparser": "^3.4.4",
-    "@types/node": "^20.11.19",
-    "@types/react": "^18.2.56",
-    "@types/react-dom": "^18.2.19",
-    "autoprefixer": "^10.4.17",
-    "eslint": "^8.56.0",
-    "eslint-config-next": "^14.1.0",
+    "@types/node": "^20.11.28",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "autoprefixer": "^10.4.18",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.1.3",
     "eslint-config-prettier": "^9.1.0",
     "postcss": "^8.4.35",
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.11",
+    "prettier-plugin-tailwindcss": "^0.5.12",
     "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.3.3"
+    "typescript": "^5.4.2"
   }
 }