优化细节

src/app/(features)/translator/page.tsx

@@ -11,7 +11,7 @@ import { getTTSAudioUrl } from "@/lib/browser/tts";
 import { logger } from "@/lib/logger";
 import { Plus, Trash } from "lucide-react";
 import { useTranslations } from "next-intl";
-import { useEffect, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import z from "zod";
 import AddToFolder from "./AddToFolder";
 import {
@@ -35,9 +35,7 @@ export default function TranslatorPage() {
   const [ipaTexts, setIpaTexts] = useState(["", ""]);
   const [processing, setProcessing] = useState(false);
   const { load, play } = useAudioPlayer();
-  const [history, setHistory] = useState<
-    z.infer<typeof TranslationHistorySchema>[]
-  >([]);
+  const [history, setHistory] = useState<z.infer<typeof TranslationHistorySchema>[]>(() => tlso.get());
   const [showAddToFolder, setShowAddToFolder] = useState(false);
   const [addToFolderItem, setAddToFolderItem] = useState<z.infer<
     typeof TranslationHistorySchema
@@ -50,10 +48,6 @@ export default function TranslatorPage() {
   const [autoSaveFolderId, setAutoSaveFolderId] = useState<number | null>(null);
   const { data: session } = authClient.useSession();
 
-  useEffect(() => {
-    setHistory(tlso.get());
-  }, []);
-
   const tts = async (text: string, locale: string) => {
     if (lastTTS.current.text !== text) {
       const shortName = VOICES.find((v) => v.locale === locale)?.short_name;

src/components/ui/cards/ACard.tsx

@@ -1,16 +0,0 @@
-"use client";
-
-interface ACardProps {
-  children?: React.ReactNode;
-  className?: string;
-}
-
-export default function ACard({ children, className }: ACardProps) {
-  return (
-    <div
-      className={`${className} w-[95dvw] md:w-[61vw] h-96 p-2 md:shadow-2xl rounded-xl`}
-    >
-      {children}
-    </div>
-  );
-}

src/components/ui/cards/BCard.tsx

@@ -1,12 +0,0 @@
-"use client";
-
-interface BCardProps {
-  children?: React.ReactNode;
-  className?: string;
-}
-
-export default function BCard({ children, className }: BCardProps) {
-  return (
-    <div className={`${className} rounded-xl p-2 shadow-xl`}>{children}</div>
-  );
-}