feat: tolgee (#4692)

Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>

apps/web/modules/setup/organization/[organizationId]/invite/actions.ts

@@ -49,8 +49,7 @@ export const inviteOrganizationMemberAction = authenticatedActionClient
       ctx.user.name,
       "",
       false, // is onboarding invite
-      undefined,
-      ctx.user.locale
+      undefined
     );
 
     return invitedUserId;

apps/web/modules/setup/organization/[organizationId]/invite/components/invite-members.tsx

@@ -11,8 +11,8 @@ import { Button } from "@/modules/ui/components/button";
 import { FormControl, FormError, FormField, FormItem, FormProvider } from "@/modules/ui/components/form";
 import { Input } from "@/modules/ui/components/input";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { useTranslate } from "@tolgee/react";
 import { PlusIcon } from "lucide-react";
-import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
 import React, { useState } from "react";
 import { useForm } from "react-hook-form";
@@ -24,7 +24,7 @@ interface InviteMembersProps {
 }
 
 export const InviteMembers = ({ IS_SMTP_CONFIGURED, organizationId }: InviteMembersProps) => {
-  const t = useTranslations();
+  const { t } = useTranslate();
   const [membersCount, setMembersCount] = useState(1);
   const router = useRouter();
 

apps/web/modules/setup/organization/[organizationId]/invite/page.tsx

@@ -1,8 +1,8 @@
 import { authOptions } from "@/modules/auth/lib/authOptions";
 import { InviteMembers } from "@/modules/setup/organization/[organizationId]/invite/components/invite-members";
+import { getTranslate } from "@/tolgee/server";
 import { Metadata } from "next";
 import { getServerSession } from "next-auth";
-import { getTranslations } from "next-intl/server";
 import { notFound } from "next/navigation";
 import { SMTP_HOST, SMTP_PASSWORD, SMTP_PORT, SMTP_USER } from "@formbricks/lib/constants";
 import { verifyUserRoleAccess } from "@formbricks/lib/organization/auth";
@@ -19,7 +19,7 @@ interface InvitePageProps {
 
 export const InvitePage = async (props: InvitePageProps) => {
   const params = await props.params;
-  const t = await getTranslations();
+  const t = await getTranslate();
   const IS_SMTP_CONFIGURED = Boolean(SMTP_HOST && SMTP_PORT && SMTP_USER && SMTP_PASSWORD);
   const session = await getServerSession(authOptions);
   if (!session) throw new AuthenticationError(t("common.session_not_found"));

apps/web/modules/setup/organization/create/components/create-organization.tsx

@@ -5,7 +5,7 @@ import { Button } from "@/modules/ui/components/button";
 import { FormControl, FormError, FormField, FormItem, FormProvider } from "@/modules/ui/components/form";
 import { Input } from "@/modules/ui/components/input";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useTranslations } from "next-intl";
+import { useTranslate } from "@tolgee/react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
@@ -17,7 +17,7 @@ const ZCreateOrganizationFormSchema = ZOrganization.pick({ name: true });
 type TCreateOrganizationForm = z.infer<typeof ZCreateOrganizationFormSchema>;
 
 export const CreateOrganization = () => {
-  const t = useTranslations();
+  const { t } = useTranslate();
   const router = useRouter();
   const [isSubmitting, setIsSubmitting] = useState(false);
 

apps/web/modules/setup/organization/create/components/removed-from-organization.tsx

@@ -4,7 +4,7 @@ import { formbricksLogout } from "@/app/lib/formbricks";
 import { DeleteAccountModal } from "@/modules/account/components/DeleteAccountModal";
 import { Alert, AlertDescription, AlertTitle } from "@/modules/ui/components/alert";
 import { Button } from "@/modules/ui/components/button";
-import { useTranslations } from "next-intl";
+import { useTranslate } from "@tolgee/react";
 import React, { useState } from "react";
 import { TUser } from "@formbricks/types/user";
 
@@ -14,7 +14,7 @@ interface RemovedFromOrganizationProps {
 }
 
 export const RemovedFromOrganization = ({ user, isFormbricksCloud }: RemovedFromOrganizationProps) => {
-  const t = useTranslations();
+  const { t } = useTranslate();
   const [isModalOpen, setIsModalOpen] = useState(false);
   return (
     <div className="space-y-4">

apps/web/modules/setup/organization/create/page.tsx

@@ -2,9 +2,9 @@ import { authOptions } from "@/modules/auth/lib/authOptions";
 import { getIsMultiOrgEnabled } from "@/modules/ee/license-check/lib/utils";
 import { RemovedFromOrganization } from "@/modules/setup/organization/create/components/removed-from-organization";
 import { ClientLogout } from "@/modules/ui/components/client-logout";
+import { getTranslate } from "@/tolgee/server";
 import { Metadata } from "next";
 import { getServerSession } from "next-auth";
-import { getTranslations } from "next-intl/server";
 import { notFound } from "next/navigation";
 import { IS_FORMBRICKS_CLOUD } from "@formbricks/lib/constants";
 import { gethasNoOrganizations } from "@formbricks/lib/instance/service";
@@ -19,7 +19,7 @@ export const metadata: Metadata = {
 };
 
 export const CreateOrganizationPage = async () => {
-  const t = await getTranslations();
+  const t = await getTranslate();
   const session = await getServerSession(authOptions);
 
   if (!session) throw new AuthenticationError(t("common.session_not_found"));