goddonebianu/learn-languages
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

补全翻译
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
goddonebianu
2025-11-16 12:44:52 +08:00
parent 30fc4ed64d
commit 7c5fc40209
31 changed files with 279 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/folders/[folder_id]/AddTextPairModal.tsx
View File

@@ -2,6 +2,7 @@ import LightButton from "@/components/buttons/LightButton";
import Input from "@/components/Input";
import { X } from "lucide-react";
import { useRef } from "react";
import { useTranslations } from "next-intl";
interface AddTextPairModalProps {
isOpen: boolean;
@@ -19,6 +20,7 @@ export default function AddTextPairModal({
onClose,
onAdd,
}: AddTextPairModalProps) {
const t = useTranslations("folders.folder_id");
const input1Ref = useRef<HTMLInputElement>(null);
const input2Ref = useRef<HTMLInputElement>(null);
const input3Ref = useRef<HTMLInputElement>(null);
@@ -66,25 +68,29 @@ export default function AddTextPairModal({
<div className="bg-white rounded-xl p-6 w-full max-w-md mx-4">
<div className="flex">
<h2 className="flex-1 text-xl font-light mb-4 text-center">
Add New Text Pair
{t("addNewTextPair")}
</h2>
<X onClick={onClose} className="hover:cursor-pointer"></X>
</div>
<div>
<div>
text1<Input ref={input1Ref} className="w-full"></Input>
{t("text1")}
<Input ref={input1Ref} className="w-full"></Input>
</div>
<div>
text2<Input ref={input2Ref} className="w-full"></Input>
{t("text2")}
<Input ref={input2Ref} className="w-full"></Input>
</div>
<div>
locale1<Input ref={input3Ref} className="w-full"></Input>
{t("locale1")}
<Input ref={input3Ref} className="w-full"></Input>
</div>
<div>
locale2<Input ref={input4Ref} className="w-full"></Input>
{t("locale2")}
<Input ref={input4Ref} className="w-full"></Input>
</div>
</div>
<LightButton onClick={handleAdd}>Add</LightButton>
<LightButton onClick={handleAdd}>{t("add")}</LightButton>
</div>
</div>
);

17
src/app/folders/[folder_id]/InFolder.tsx
View File

@@ -13,6 +13,8 @@ import {
import AddTextPairModal from "./AddTextPairModal";
import TextPairCard from "./TextPairCard";
import LightButton from "@/components/buttons/LightButton";
import { useTranslations } from "next-intl";
import { toast } from "sonner";
export interface TextPair {
id: number;
@@ -27,6 +29,7 @@ export default function InFolder({ folderId }: { folderId: number }) {
const [loading, setLoading] = useState(true);
const [openAddModal, setAddModal] = useState(false);
const router = useRouter();
const t = useTranslations("folders.folder_id");
useEffect(() => {
const fetchTextPairs = async () => {
@@ -64,14 +67,16 @@ export default function InFolder({ folderId }: { folderId: number }) {
className="flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors mb-4"
>
<ArrowLeft size={16} />
<span className="text-sm">Back to folders</span>
<span className="text-sm">{t("back")}</span>
</button>
<div className="flex items-center justify-between">
<div>
<h1 className="text-2xl font-light text-gray-900">Text Pairs</h1>
<h1 className="text-2xl font-light text-gray-900">
{t("textPairs")}
</h1>
<p className="text-sm text-gray-500 mt-1">
{textPairs.length} items
{t("itemsCount", { count: textPairs.length })}
</p>
</div>
@@ -81,7 +86,7 @@ export default function InFolder({ folderId }: { folderId: number }) {
redirect(`/memorize?folder_id=${folderId}`);
}}
>
Memorize
{t("memorize")}
</LightButton>
<button
className="p-2 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors"
@@ -102,11 +107,11 @@ export default function InFolder({ folderId }: { folderId: number }) {
{loading ? (
<div className="p-8 text-center">
<div className="w-8 h-8 border-2 border-gray-200 border-t-gray-400 rounded-full animate-spin mx-auto mb-3"></div>
<p className="text-sm text-gray-500">Loading text pairs...</p>
<p className="text-sm text-gray-500">{t("loadingTextPairs")}</p>
</div>
) : textPairs.length === 0 ? (
<div className="p-12 text-center">
<p className="text-sm text-gray-500 mb-2">No text pair items</p>
<p className="text-sm text-gray-500 mb-2">{t("noTextPairs")}</p>
</div>
) : (
<div className="divide-y divide-gray-100">

2
src/app/folders/[folder_id]/TextPairCard.tsx
View File

@@ -4,6 +4,7 @@ import { updateTextPairById } from "@/lib/services/textPairService";
import { useState } from "react";
import { text_pairUpdateInput } from "../../../../generated/prisma/models";
import UpdateTextPairModal from "./UpdateTextPairModal";
import { useTranslations } from "next-intl";
interface TextPairCardProps {
textPair: TextPair;
@@ -16,6 +17,7 @@ export default function TextPairCard({
onDel,
refreshTextPairs,
}: TextPairCardProps) {
const t = useTranslations("folders.folder_id");
const [openUpdateModal, setOpenUpdateModal] = useState(false);
return (
<div className="group border-b border-gray-100 hover:bg-gray-50 transition-colors">

34
src/app/folders/[folder_id]/UpdateTextPairModal.tsx
View File

@@ -4,6 +4,7 @@ import { X } from "lucide-react";
import { useRef } from "react";
import { text_pairUpdateInput } from "../../../../generated/prisma/models";
import { TextPair } from "./InFolder";
import { useTranslations } from "next-intl";
interface UpdateTextPairModalProps {
isOpen: boolean;
@@ -18,6 +19,7 @@ export default function UpdateTextPairModal({
onUpdate,
textPair,
}: UpdateTextPairModalProps) {
const t = useTranslations("folders.folder_id");
const input1Ref = useRef<HTMLInputElement>(null);
const input2Ref = useRef<HTMLInputElement>(null);
const input3Ref = useRef<HTMLInputElement>(null);
@@ -65,25 +67,45 @@ export default function UpdateTextPairModal({
<div className="bg-white rounded-xl p-6 w-full max-w-md mx-4">
<div className="flex">
<h2 className="flex-1 text-xl font-light mb-4 text-center">
Update Text Pair
{t("updateTextPair")}
</h2>
<X onClick={onClose} className="hover:cursor-pointer"></X>
</div>
<div>
<div>
text1<Input defaultValue={textPair.text1} ref={input1Ref} className="w-full"></Input>
{t("text1")}
<Input
defaultValue={textPair.text1}
ref={input1Ref}
className="w-full"
></Input>
</div>
<div>
text2<Input defaultValue={textPair.text2} ref={input2Ref} className="w-full"></Input>
{t("text2")}
<Input
defaultValue={textPair.text2}
ref={input2Ref}
className="w-full"
></Input>
</div>
<div>
locale1<Input defaultValue={textPair.locale1} ref={input3Ref} className="w-full"></Input>
{t("locale1")}
<Input
defaultValue={textPair.locale1}
ref={input3Ref}
className="w-full"
></Input>
</div>
<div>
locale2<Input defaultValue={textPair.locale2} ref={input4Ref} className="w-full"></Input>
{t("locale2")}
<Input
defaultValue={textPair.locale2}
ref={input4Ref}
className="w-full"
></Input>
</div>
</div>
<LightButton onClick={handleUpdate}>Update</LightButton>
<LightButton onClick={handleUpdate}>{t("update")}</LightButton>
</div>
</div>
);

5
src/app/folders/[folder_id]/page.tsx
View File

@@ -1,5 +1,6 @@
import { redirect } from "next/navigation";
import { getServerSession } from "next-auth";
import { getTranslations } from "next-intl/server";
import InFolder from "./InFolder";
import { getOwnerByFolderId } from "@/lib/services/folderService";
export default async function FoldersPage({
@@ -10,12 +11,14 @@ export default async function FoldersPage({
const session = await getServerSession();
const { folder_id } = await params;
const id = Number(folder_id);
const t = await getTranslations("folders.folder_id");
if (!id) {
redirect("/folders");
}
if (!session?.user?.name) redirect(`/login?redirect=/folders/${id}`);
if ((await getOwnerByFolderId(id)) !== session.user.name) {
return "you are not the owner of this folder";
return <p>{t("unauthorized")}</p>;
}
return <InFolder folderId={id} />;
}