chinese

frontend/src/pages/Bookmark.jsx

@@ -40,7 +40,7 @@ function Bookmark() {
   return (
     <div className="p-6 bg-base-200 h-screen">
       <h1 className="md:text-4xl text-xl font-bold text-white mb-6">
-        Bookmarked Polls
+        收藏的投票
       </h1>
       {isError && (
         <div className="h-60 w-full">
@@ -54,9 +54,9 @@ function Bookmark() {
             <thead>
               <tr>
                 <th>#</th>
-                <th>Title</th>
+                <th>标题</th>
-                <th>Description</th>
+                <th>描述</th>
-                <th>Actions</th>
+                <th>操作</th>
               </tr>
             </thead>
             <tbody>
@@ -74,13 +74,13 @@ function Bookmark() {
                       onClick={() => handleViewPollClick(bookmark._id)}
                       className="btn btn-sm btn-primary text-sm md:text-base mb-2 md:mb-1"
                     >
-                      View Poll
+                      查看投票
                     </button>
                     <button
                       onClick={() => handleRemoveBookmark(bookmark._id)}
                       className="btn btn-sm btn-error text-sm md:text-base ml-2"
                     >
-                      Remove
+                      移除
                     </button>
                   </td>
                 </tr>

frontend/src/pages/CreatePollForm.jsx

@@ -30,7 +30,7 @@ function CreatePollForm() {
 
   const mutation = useMutation(createPollService, {
     onSuccess: (data) => {
-      const message = data?.message || "Poll created successfully";
+      const message = data?.message || "投票创建成功";
       toast.success(message);
       handleClearPoll();
       navigate(`/view/${data?.data?._id}`);
@@ -39,7 +39,7 @@ function CreatePollForm() {
       console.log(error);
       const errorMessage =
         error.response?.data?.errors?.[0]?.message ||
-        "An unexpected error occurred";
+        "发生意外错误";
       toast.error(errorMessage);
     },
   });
@@ -47,7 +47,7 @@ function CreatePollForm() {
   const handlePollSubmit = (e) => {
     e.preventDefault();
     if (title.trim() == "" || description.trim() == "" || options.length == 0) {
-      toast.error("All fields are required");
+      toast.error("所有字段都是必填的");
       return;
     }
     mutation.mutate({ title, description, options });
@@ -56,19 +56,19 @@ function CreatePollForm() {
   return (
     <div className="min-h-screen bg-base-200">
       <div className="w-full p-6 text-white">
-        <h1 className="text-2xl font-bold mb-6 text-center">Create New Poll</h1>
+        <h1 className="text-2xl font-bold mb-6 text-center">创建新投票</h1>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
           <div>
             {/* Poll Title */}
             <div className="mb-4">
               <label className="block text-lg font-medium mb-2">
-                Poll Title
+                投票标题
               </label>
               <input
                 type="text"
                 value={title}
                 onChange={(e) => setTitle(e.target.value)}
-                placeholder="Enter poll title"
+                placeholder="输入投票标题"
                 className="input input-bordered w-full"
               />
             </div>
@@ -76,12 +76,12 @@ function CreatePollForm() {
             {/* Poll Description */}
             <div className="mb-4">
               <label className="block text-lg font-medium mb-2">
-                Description
+                描述
               </label>
               <textarea
                 value={description}
                 onChange={(e) => setDescription(e.target.value)}
-                placeholder="Describe the purpose of the poll"
+                placeholder="描述投票的目的"
                 className="textarea textarea-bordered w-full"
                 rows="3"
               ></textarea>
@@ -91,21 +91,21 @@ function CreatePollForm() {
           <div>
             {/* Poll Options */}
             <div className="mb-4">
-              <label className="block text-lg font-medium mb-2">Options</label>
+              <label className="block text-lg font-medium mb-2">选项</label>
 
               {options.map((option, index) => (
                 <div key={index} className="flex items-center mb-2">
                   <input
                     type="text"
                     value={option}
-                    placeholder={`Option ${index + 1}`}
+                    placeholder={`选项 ${index + 1}`}
                     className="input input-bordered w-full cursor-not-allowed"
                     readOnly
                   />
                   {options.length > 2 && (
                     <button
                       className="btn btn-error btn-circle btn-xs ml-2"
-                      title="Remove option"
+                      title="移除选项"
                       onClick={() =>
                         setOptions(options.filter((_, i) => i !== index))
                       }
@@ -122,7 +122,7 @@ function CreatePollForm() {
                   type="text"
                   value={optionInput}
                   onChange={(e) => setOptionInput(e.target.value)}
-                  placeholder="Enter new option"
+                  placeholder="输入新选项"
                   className="input input-bordered w-full"
                 />
               </div>
@@ -131,7 +131,7 @@ function CreatePollForm() {
                 title="Add another option"
                 onClick={handleAddOption}
               >
-                <FaPlus className="mr-2" /> Add Option
+                <FaPlus className="mr-2" /> 添加选项
               </button>
             </div>
           </div>
@@ -142,21 +142,21 @@ function CreatePollForm() {
             className="btn btn-ghost w-full mt-4 md:w-1/2"
             onClick={() => {
               const sure = window.confirm(
-                "Are you sure you want to clear the poll?"
+                "确定要清除投票内容吗？"
               );
               if (sure) {
                 handleClearPoll();
               }
             }}
           >
-            Clear Poll
+            清除投票
           </button>
           {/* Submit Button */}
           <button
             className="btn btn-success w-full  mt-4 md:w-1/2"
             onClick={handlePollSubmit}
           >
-            Create Poll
+            创建投票
           </button>
         </div>
       </div>

frontend/src/pages/Dashboard.jsx

@@ -60,12 +60,12 @@ function Dashboard() {
         <p className="mt-2 text-center text-gray-400">
           {user?.email || "Email"}
         </p>
-        <button className="btn btn-primary mt-4 w-full">Edit Profile</button>
+        <button className="btn btn-primary mt-4 w-full">编辑资料</button>
         <button
           className="btn btn-error btn-outline mt-4 w-full"
           onClick={handleLogout}
         >
-          Logout
+          退出登录
         </button>
       </aside>
 
@@ -74,10 +74,10 @@ function Dashboard() {
         {/* Dashboard Header */}
         <div className="mb-6">
           <h1 className="text-2xl md:text-4xl font-bold text-white">
-            Poll Dashboard
+            投票仪表板
           </h1>
           <p className="md:text-lg text-gray-300">
-            Manage your polls, view results, and edit as needed.
+            管理您的投票，查看结果，并根据需要进行编辑。
           </p>
         </div>
 
@@ -87,7 +87,7 @@ function Dashboard() {
             className="btn btn-primary"
             onClick={() => navigator("/create")}
           >
-            Add New Poll <FaPlus />
+            添加新投票 <FaPlus />
           </button>
         </div>
 
@@ -100,10 +100,10 @@ function Dashboard() {
               <thead>
                 <tr>
                   <th>#</th>
-                  <th>Title</th>
+                  <th>标题</th>
-                  <th>Description</th>
+                  <th>描述</th>
-                  <th>Published</th>
+                  <th>已发布</th>
-                  <th>Actions</th>
+                  <th>操作</th>
                 </tr>
               </thead>
 

frontend/src/pages/Polls.jsx

@@ -19,7 +19,7 @@ function Polls() {
 
   return (
     <div className="container mx-auto p-4 bg-base-200">
-      <h1 className="text-2xl font-bold text-center mb-6">Polls</h1>
+      <h1 className="text-2xl font-bold text-center mb-6">投票列表</h1>
       {isSuccess && (
         <div className="flex flex-wrap justify-center gap-6">
           {data?.data?.polls?.map((poll) => (
@@ -42,14 +42,14 @@ function Polls() {
           disabled={page <= 1}
           onClick={() => setPage(page - 1)}
         >
-          Prev
+          上一页
         </button>
         <button
           className="btn btn-primary btn-circle"
           disabled={data?.data?.totalPages === page}
           onClick={() => setPage(page + 1)}
         >
-          Next
+          下一页
         </button>
       </div>
     </div>

frontend/src/pages/Register.jsx

@@ -38,20 +38,20 @@ function Register() {
     <div className=" flex justify-center h-screen bg-base-200 p-4">
       <div className="w-full max-w-md  rounded-lg ">
         <h2 className="text-2xl font-semibold text-center text-white mb-6">
-          Sign Up
+          注册
         </h2>
 
         <form className="space-y-4">
           {/* Username Input */}
           <div className="form-control w-full">
             <label className="label">
-              <span className="label-text text-gray-200">Username</span>
+              <span className="label-text text-gray-200">用户名</span>
             </label>
             <input
               value={username}
               onChange={(e) => setUsername(e.target.value)}
               type="text"
-              placeholder="Enter your username"
+              placeholder="请输入您的用户名"
               className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
               required
             />
@@ -60,13 +60,13 @@ function Register() {
           {/* Email Input */}
           <div className="form-control w-full">
             <label className="label">
-              <span className="label-text text-gray-200">Email</span>
+              <span className="label-text text-gray-200">邮箱</span>
             </label>
             <input
               type="email"
               value={email}
               onChange={(e) => setEmail(e.target.value)}
-              placeholder="Enter your email"
+              placeholder="请输入您的邮箱"
               className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
               required
             />
@@ -75,13 +75,13 @@ function Register() {
           {/* Password Input */}
           <div className="form-control w-full">
             <label className="label">
-              <span className="label-text text-gray-200">Password</span>
+              <span className="label-text text-gray-200">密码</span>
             </label>
             <input
               type="password"
               value={password}
               onChange={(e) => setPassword(e.target.value)}
-              placeholder="Enter your password"
+              placeholder="请输入您的密码"
               className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
               required
             />
@@ -91,7 +91,7 @@ function Register() {
           {mutation.isError && <InlineTextError mutation={mutation} />}
           {mutation.isSuccess && (
             <p className="text-green-500 text-sm md:text-base">
-              🎉 {mutation.data.message || "Process is successfull"}
+              🎉 {mutation.data.message || "注册成功"}
             </p>
           )}
 
@@ -102,19 +102,19 @@ function Register() {
               type="submit"
               className="btn btn-primary w-full text-white mt-4"
             >
-              {mutation.isLoading ? <SpinnerLoader /> : "Sign Up"}
+              {mutation.isLoading ? <SpinnerLoader /> : "注册"}
             </button>
           </div>
         </form>
 
         {/* Divider */}
-        <div className="divider text-gray-400">OR</div>
+        <div className="divider text-gray-400">或</div>
 
         {/* Login Link */}
         <p className="text-center text-gray-300">
-          Already have an account?{" "}
+          已有账户？{" "}
           <Link to="/login" className="text-primary hover:underline">
-            Login
+            登录
           </Link>
         </p>
       </div>

frontend/src/pages/VotingPage.jsx

@@ -87,7 +87,7 @@ function VotingPage() {
 
   const mutation = useMutation(createVoteService, {
     onSuccess: (data) => {
-      toast.success("Vote submitted successfully");
+      toast.success("投票提交成功");
       if (socket) {
         socket.emit("vote", { pollId, success: data?.success });
       }
@@ -95,7 +95,7 @@ function VotingPage() {
     onError: (error) => {
       console.error(error);
       toast.error(
-        error?.response?.data?.message || "An unexpected error occurred"
+        error?.response?.data?.message || "发生意外错误"
       );
     },
   });
@@ -133,7 +133,7 @@ function VotingPage() {
             className="rounded-full h-7 md:h-10 w-7 md:w-10"
           />
           <h2 className="text-lg md:text-xl font-semibold">
-            {poll?.data?.creatorData?.username || "Unknown"}
+            {poll?.data?.creatorData?.username || "未知"}
           </h2>
         </div>
 
@@ -145,12 +145,12 @@ function VotingPage() {
 
       {/* Poll Title */}
       <h1 className="text-xl md:text-3xl font-bold text-center">
-        {poll?.data?.pollData?.title || "Loading.."}
+        {poll?.data?.pollData?.title || "加载中.."}
       </h1>
 
       {/* Poll Description */}
       <p className="text-sm font-light md:text-base mb-6 text-center">
-        {poll?.data?.pollData?.description || "Loading.."}
+        {poll?.data?.pollData?.description || "加载中.."}
       </p>
 
       {/* Voting Options */}