@@ -469,7 +477,7 @@ export default function EditProfilePage() {
- Do you have any other questions or comments?
+ {t("other_questions_prompt", { ns: "profile" })}
diff --git a/src/app/private/profile/[userId]/page.tsx b/src/app/private/profile/[userId]/page.tsx
index cec8df1..c5d13b5 100644
--- a/src/app/private/profile/[userId]/page.tsx
+++ b/src/app/private/profile/[userId]/page.tsx
@@ -7,11 +7,13 @@ import ProfileContent from "@components/ProfileContent";
import { UserWithVolunteerDetail } from "../../../types";
import { VolunteerSession } from "@prisma/client";
import { getUser } from "@api/user/route.client";
+import { useTranslation } from "react-i18next";
export default function UserProfilePage() {
const { userId } = useParams();
const { data: session, status } = useSession();
const router = useRouter();
+ const { t } = useTranslation("profile");
const [user, setUser] = useState
(null);
const [sessions, setSessions] = useState([]);
@@ -48,7 +50,7 @@ export default function UserProfilePage() {
if (loading || !user) {
return (
- Loading...
+ {t("loading")}...
);
}
diff --git a/src/app/private/profile/page.tsx b/src/app/private/profile/page.tsx
index b45f2d4..0ba06fc 100644
--- a/src/app/private/profile/page.tsx
+++ b/src/app/private/profile/page.tsx
@@ -3,10 +3,12 @@
import { useEffect } from "react";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
+import { useTranslation } from "react-i18next";
export default function ProfilePage() {
const { data: session, status } = useSession();
const router = useRouter();
+ const { t } = useTranslation("profile");
useEffect(() => {
if (status === "loading") return;
@@ -17,7 +19,7 @@ export default function ProfilePage() {
return (
- Loading...
+ {t("loading")}...
);
}
diff --git a/src/app/private/volunteers/page.tsx b/src/app/private/volunteers/page.tsx
index a0f8132..68b5191 100644
--- a/src/app/private/volunteers/page.tsx
+++ b/src/app/private/volunteers/page.tsx
@@ -15,8 +15,10 @@ import {
getOrganizations,
} from "@api/organization/route.client";
import OrganizationTable from "@components/OrganizationTable";
+import { useTranslation } from "react-i18next";
export default function VolunteersPage() {
+ const { t } = useTranslation("volunteers");
const [pageLoading, setPageLoading] = React.useState(true);
const [users, setUsers] = React.useState();
const [organizations, setOrganizations] = React.useState();
@@ -27,6 +29,21 @@ export default function VolunteersPage() {
"Individuals" | "Organizations"
>("Individuals");
+ const isIndividual = activeTab === "Individuals";
+ const isSingular = selected.length === 1;
+
+ const typeKey = isIndividual
+ ? isSingular
+ ? "user"
+ : "users"
+ : isSingular
+ ? "organization"
+ : "organizations";
+
+ const profileKey = isSingular ? "profile" : "profiles";
+
+ const article = isSingular ? t("a") : "";
+
React.useEffect(() => {
const fetchData = async () => {
try {
@@ -122,7 +139,7 @@ export default function VolunteersPage() {
if (pageLoading) {
return (
- Loading...
+ {t("loading")}...
);
}
@@ -133,7 +150,10 @@ export default function VolunteersPage() {
- {activeTab === "Individuals" ? "Volunteer" : "Organizations"} List (
+ {`${t(
+ activeTab === "Individuals" ? "volunteer" : "organizations"
+ )} ${t("list")}`}{" "}
+ (
{activeTab === "Individuals" && users
? users.length
: organizations
@@ -144,7 +164,9 @@ export default function VolunteersPage() {
{selected.length > 0 ? (
-
{selected.length} Selected
+
+ {selected.length} {t("selected")}
+
) : (
@@ -195,7 +217,7 @@ export default function VolunteersPage() {
width="24"
height="24"
/>
-
{tab}
+
{t(tab.toLowerCase())}
))}
@@ -230,8 +252,9 @@ export default function VolunteersPage() {
/>
- No {activeTab === "Individuals" ? "individuals" : "organizations"}{" "}
- found!
+ {activeTab === "Individuals"
+ ? t("no_individuals_found")
+ : t("no_organizations_found")}
)}
@@ -240,19 +263,17 @@ export default function VolunteersPage() {
- Are you sure you want to delete {selected.length}{" "}
- {activeTab === "Individuals"
- ? selected.length === 1
- ? "user"
- : "users"
- : selected.length === 1
- ? "organization"
- : "organizations"}
- ?
+ {t("delete_confirmation_title", {
+ count: selected.length,
+ type: t(typeKey),
+ })}
- You will not be able to recover {selected.length === 1 ? "a" : ""}{" "}
- deleted {selected.length === 1 ? "profile" : "profiles"}.
+ {t("delete_warning", {
+ article,
+ type: t(profileKey),
+ pluralSuffix: isSingular ? "" : t("pluralSuffix"),
+ })}
diff --git a/src/components/CheckInOut.tsx b/src/components/CheckInOut.tsx
index f420d8e..cfdaa31 100644
--- a/src/components/CheckInOut.tsx
+++ b/src/components/CheckInOut.tsx
@@ -19,9 +19,11 @@ import { useRouter } from "next/navigation";
import useApiThrottle from "../hooks/useApiThrottle";
import { OrganizationWithUsers, UserWithVolunteerDetail } from "../app/types";
import { getOrganizationsByDate } from "@api/organization/route.client";
+import { useTranslation } from "react-i18next";
export default function CheckInOutForm() {
const router = useRouter();
+ const { t } = useTranslation("check");
const [email, setEmail] = useState("");
const [activeButton, setActiveButton] = useState<
@@ -120,10 +122,10 @@ export default function CheckInOutForm() {
} catch (err) {
const errorData = JSON.parse((err as Error).message);
if (errorData.code === "ALREADY_CHECKED_OUT") {
- alert("You must check in before checking out again.");
+ alert(t("must_check_in_first"));
} else {
console.error("Check-out failed:", errorData.message);
- alert("There was an error during check-out.");
+ alert(t("checkout_error"));
}
}
}
@@ -161,10 +163,10 @@ export default function CheckInOutForm() {
} catch (err) {
const errorData = JSON.parse((err as Error).message);
if (errorData.code === "ALREADY_CHECKED_OUT") {
- alert("This group has already checked out.");
+ alert(t("group_already_checked_out"));
} else {
console.error("Group check-out failed:", errorData.message);
- alert("There was an error during check-out.");
+ alert(t("checkout_error"));
}
}
}
@@ -233,12 +235,10 @@ export default function CheckInOutForm() {
const errorData = JSON.parse(err.message);
if (errorData.code === "ALREADY_CHECKED_IN") {
- alert(
- "You have already checked in and must check out before checking in again."
- );
+ alert(t("already_checked_in"));
} else {
console.error("Check-in failed:", errorData.message);
- alert("There was an error during check-in. Please try again.");
+ alert(t("checkin_error"));
}
} else {
console.error("Unexpected error:", err);
@@ -275,7 +275,7 @@ export default function CheckInOutForm() {
}}
>
- Back
+ {t("back")}