chore(i18n): update translations

Author: github-actions[bot]

clients/apps/web/src/app/(main)/[organization]/portal/Navigation.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { usePortalTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
+import { useTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
 import { usePortalAuthenticatedUser } from '@/hooks/queries/customerPortal'
 import { createClientSideAPI } from '@/utils/client'
 import { hasBillingPermission } from '@/utils/customerPortal'
@@ -73,7 +73,7 @@ const NavigationContent = ({
   searchParams: URLSearchParams
 }) => {
   const router = useRouter()
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const { data: authenticatedUser } = usePortalAuthenticatedUser(api)
 
   const buildPath = (path: string) => {

clients/apps/web/src/components/CustomerPortal/ChangeEmailForm.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { usePortalTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
+import { useTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
 import { useCustomerEmailUpdateRequest } from '@/hooks/queries/customerPortal'
 import { setValidationErrors } from '@/utils/api/errors'
 import type { schemas } from '@polar-sh/client'
@@ -14,7 +14,7 @@ interface ChangeEmailFormProps {
 }
 
 const ChangeEmailForm = ({ customer }: ChangeEmailFormProps) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const [isEditing, setIsEditing] = useState(false)
   const [successEmail, setSuccessEmail] = useState<string | null>(null)
   const emailUpdateRequest = useCustomerEmailUpdateRequest()

clients/apps/web/src/components/CustomerPortal/CurrentPeriodOverview.tsx

@@ -4,7 +4,7 @@ import { formatCurrency } from '@polar-sh/currency'
 import { useMemo } from 'react'
 import ProductPriceLabel from '../Products/ProductPriceLabel'
 import { OverviewSummaryCard } from './OverviewSummaryCard'
-import { usePortalTranslations } from './PortalLocaleProvider'
+import { useTranslations } from './PortalLocaleProvider'
 
 interface CurrentPeriodOverviewProps {
   subscription: schemas['CustomerSubscription']
@@ -17,7 +17,7 @@ export const CurrentPeriodOverview = ({
   products,
   api,
 }: CurrentPeriodOverviewProps) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const { data: subscriptionPreview } = useCustomerSubscriptionChargePreview(
     api,
     subscription.id,

clients/apps/web/src/components/CustomerPortal/CustomerCancellationModal.tsx

@@ -22,7 +22,7 @@ import {
 import { useRouter } from 'next/navigation'
 import { useCallback } from 'react'
 import { useForm } from 'react-hook-form'
-import { usePortalTranslations } from './PortalLocaleProvider'
+import { useTranslations } from './PortalLocaleProvider'
 import { toast } from '../Toast/use-toast'
 
 const CancellationReasonRadio = ({
@@ -58,7 +58,7 @@ const CustomerCancellationModal = ({
   ...props
 }: CustomerCancellationModalProps) => {
   const router = useRouter()
-  const t = usePortalTranslations()
+  const t = useTranslations()
 
   const handleCancel = useCallback(() => {
     onAbort?.()
@@ -113,7 +113,9 @@ const CustomerCancellationModal = ({
       modalContent={
         <div className="flex flex-col gap-y-6 p-6 sm:p-12">
           <div className="flex flex-col gap-y-2">
-            <h3 className="text-2xl">{t('portal.subscription.cancel.heading')}</h3>
+            <h3 className="text-2xl">
+              {t('portal.subscription.cancel.heading')}
+            </h3>
             <p className="dark:text-polar-500 leading-relaxed text-balance text-gray-500">
               {t('portal.subscription.cancel.description')}
             </p>

clients/apps/web/src/components/CustomerPortal/CustomerChangePlanModal.tsx

@@ -15,7 +15,7 @@ import { useRouter } from 'next/navigation'
 import { useCallback, useMemo, useState } from 'react'
 import { resolveBenefitIcon } from '../Benefit/utils'
 import ProductPriceLabel from '../Products/ProductPriceLabel'
-import { usePortalTranslations } from './PortalLocaleProvider'
+import { useTranslations } from './PortalLocaleProvider'
 import { toast } from '../Toast/use-toast'
 
 const ProductPriceListItem = ({
@@ -60,7 +60,7 @@ const CustomerChangePlanModal = ({
   ) => void
 }) => {
   const router = useRouter()
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const products = useMemo(
     () =>
       _products.filter((p) => p.is_recurring && !hasLegacyRecurringPrices(p)),
@@ -238,7 +238,9 @@ const CustomerChangePlanModal = ({
     if (data) {
       toast({
         title: t('portal.subscription.changePlan.update.successTitle'),
-        description: t('portal.subscription.changePlan.update.successDescription'),
+        description: t(
+          'portal.subscription.changePlan.update.successDescription',
+        ),
       })
       onUserSubscriptionUpdate(data)
       router.refresh()

clients/apps/web/src/components/CustomerPortal/CustomerPortalGrantsComplex.tsx

@@ -2,7 +2,7 @@
 
 import { useCustomerBenefitGrants } from '@/hooks/queries/customerPortal'
 import { Client } from '@polar-sh/client'
-import { usePortalTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
+import { useTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
 import { Input } from '@polar-sh/orbit'
 import { List, ListItem } from '@polar-sh/ui/components/atoms/List'
 import { Loader2, Search } from 'lucide-react'
@@ -21,7 +21,7 @@ export const CustomerPortalGrantsComplex = ({
   subscriptionId,
   orderId,
 }: CustomerPortalGrantsComplexProps) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const [searchQuery, setSearchQuery] = useState('')
   const [currentPage, setCurrentPage] = useState(1)
   const pageSize = 10

clients/apps/web/src/components/CustomerPortal/CustomerPortalGrantsSimple.tsx

@@ -3,7 +3,7 @@
 import { Client, schemas } from '@polar-sh/client'
 import { List, ListItem } from '@polar-sh/ui/components/atoms/List'
 import { BenefitGrant } from '../Benefit/BenefitGrant'
-import { usePortalTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
+import { useTranslations } from '@/components/CustomerPortal/PortalLocaleProvider'
 
 export interface CustomerPortalGrantsSimpleProps {
   organization?: schemas['CustomerOrganization']
@@ -15,7 +15,7 @@ export const CustomerPortalGrantsSimple = ({
   api,
   benefitGrants,
 }: CustomerPortalGrantsSimpleProps) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   return (
     <div className="flex w-full flex-col gap-4">
       <h3 className="text-xl">{t('portal.benefits.title')}</h3>

clients/apps/web/src/components/CustomerPortal/CustomerPortalOrder.tsx

@@ -13,7 +13,7 @@ import { OrderDownloadActions } from '../Orders/OrderDownloadActions'
 import { DetailRow } from '../Shared/DetailRow'
 import { CustomerPortalGrants } from './CustomerPortalGrants'
 import { OrderPaymentRetryModal } from './OrderPaymentRetryModal'
-import { usePortalTranslations } from './PortalLocaleProvider'
+import { useTranslations } from './PortalLocaleProvider'
 import { SeatManagementTable } from './SeatManagementTable'
 
 const getOrderStatusDisplayTitle = (
@@ -50,7 +50,7 @@ const CustomerPortalOrder = ({
   customerSessionToken: string
   themingPreset: ThemingPresetProps
 }) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const orderStatusDisplayTitle = getOrderStatusDisplayTitle(t)
   const [isPaymentModalOpen, setIsPaymentModalOpen] = useState(false)
 

clients/apps/web/src/components/CustomerPortal/CustomerPortalOrders.tsx

@@ -11,7 +11,7 @@ import { InlineModal } from '../Modal/InlineModal'
 import { useModal } from '../Modal/useModal'
 import { OrderStatus } from '../Orders/OrderStatus'
 import CustomerPortalOrder from './CustomerPortalOrder'
-import { usePortalTranslations } from './PortalLocaleProvider'
+import { useTranslations } from './PortalLocaleProvider'
 
 export interface CustomerPortalOrdersProps {
   organization: schemas['CustomerOrganization']
@@ -24,7 +24,7 @@ export const CustomerPortalOrders = ({
   orders,
   customerSessionToken,
 }: CustomerPortalOrdersProps) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const api = createClientSideAPI(customerSessionToken)
 
   const [selectedOrder, setSelectedOrder] = useState<

clients/apps/web/src/components/CustomerPortal/CustomerPortalOverview.tsx

@@ -5,7 +5,7 @@ import { createClientSideAPI } from '@/utils/client'
 import { hasBillingPermission } from '@/utils/customerPortal'
 import AllInclusiveOutlined from '@mui/icons-material/AllInclusiveOutlined'
 import { schemas } from '@polar-sh/client'
-import { usePortalTranslations } from './PortalLocaleProvider'
+import { useTranslations } from './PortalLocaleProvider'
 import { CurrentPeriodOverview } from './CurrentPeriodOverview'
 import { CustomerPortalGrants } from './CustomerPortalGrants'
 import { CustomerPortalOrders } from './CustomerPortalOrders'
@@ -32,7 +32,7 @@ export const CustomerPortalOverview = ({
   orders,
   customerSessionToken,
 }: CustomerPortalProps) => {
-  const t = usePortalTranslations()
+  const t = useTranslations()
   const api = createClientSideAPI(customerSessionToken)
 
   // Check if the user has billing permissions
@@ -84,7 +84,9 @@ export const CustomerPortalOverview = ({
       {activeClaimedSubscriptions.length > 0 && (
         <div className="flex flex-col gap-y-4">
           <div className="flex flex-col gap-y-2">
-            <h3 className="text-xl">{t('portal.overview.teamSeatAccess.title')}</h3>
+            <h3 className="text-xl">
+              {t('portal.overview.teamSeatAccess.title')}
+            </h3>
             <p className="dark:text-polar-500 text-gray-500">
               {t('portal.overview.teamSeatAccess.description')}
             </p>