feat: web i18n (#1286)

apps/web/src/components/(teams)/tables/pending-user-teams-data-table-actions.tsx

@@ -1,3 +1,6 @@
+import { Trans, msg } from '@lingui/macro';
+import { useLingui } from '@lingui/react';
+
 import { trpc } from '@documenso/trpc/react';
 import { cn } from '@documenso/ui/lib/utils';
 import { Button } from '@documenso/ui/primitives/button';
@@ -14,21 +17,23 @@ export const PendingUserTeamsDataTableActions = ({
   pendingTeamId,
   onPayClick,
 }: PendingUserTeamsDataTableActionsProps) => {
+  const { _ } = useLingui();
   const { toast } = useToast();
 
   const { mutateAsync: deleteTeamPending, isLoading: deletingTeam } =
     trpc.team.deleteTeamPending.useMutation({
       onSuccess: () => {
         toast({
-          title: 'Success',
-          description: 'Pending team deleted.',
+          title: _(msg`Success`),
+          description: _(msg`Pending team deleted.`),
         });
       },
       onError: () => {
         toast({
-          title: 'Something went wrong',
-          description:
-            'We encountered an unknown error while attempting to delete the pending team. Please try again later.',
+          title: _(msg`Something went wrong`),
+          description: _(
+            msg`We encountered an unknown error while attempting to delete the pending team. Please try again later.`,
+          ),
           duration: 10000,
           variant: 'destructive',
         });
@@ -38,7 +43,7 @@ export const PendingUserTeamsDataTableActions = ({
   return (
     <fieldset disabled={deletingTeam} className={cn('flex justify-end space-x-2', className)}>
       <Button variant="outline" onClick={() => onPayClick(pendingTeamId)}>
-        Pay
+        <Trans>Pay</Trans>
       </Button>
 
       <Button
@@ -46,7 +51,7 @@ export const PendingUserTeamsDataTableActions = ({
         loading={deletingTeam}
         onClick={async () => deleteTeamPending({ pendingTeamId: pendingTeamId })}
       >
-        Remove
+        <Trans>Remove</Trans>
       </Button>
     </fieldset>
   );