Add translations to workspace invitation page

apps/upskii/src/components/notifications/WorkspaceInviteSnippet.tsx

@@ -4,7 +4,7 @@
 import { toast } from '@tuturuuu/ui/hooks/use-toast';
 import moment from 'moment';
 import 'moment/locale/vi';
-import { useLocale } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 
@@ -16,26 +16,26 @@
 const WorkspaceInviteSnippet = ({ ws, transparent = true }: Props) => {
   const router = useRouter();
   const locale = useLocale();
-  // const t = useTranslations('invite');
+  const t = useTranslations('invite');
 
   const creationDate = moment(ws?.created_at).locale(locale).fromNow();
 
-  const invitedTo = 'invited-to';
+  const invitedTo = t('invited-to');
 
-  const declineInviteLabel = 'decline-invite';
-  const acceptInviteLabel = 'accept-invite';
+  const declineInviteLabel = t('decline-invite');
+  const acceptInviteLabel = t('accept-invite');
 
-  const acceptInviteSuccessTitle = 'accept-invite-success-title';
-  const acceptInviteSuccessMessage = 'accept-invite-success-msg';
+  const acceptInviteSuccessTitle = t('accept-invite-success-title');
+  const acceptInviteSuccessMessage = t('accept-invite-success-msg');
 
-  const acceptInviteErrorTitle = 'accept-invite-error-title';
-  const acceptInviteErrorMessage = 'accept-invite-error-msg';
+  const acceptInviteErrorTitle = t('accept-invite-error-title');
+  const acceptInviteErrorMessage = t('accept-invite-error-msg');
 
-  const declineInviteSuccessTitle = 'decline-invite-success-title';
-  const declineInviteSuccessMessage = 'decline-invite-success-msg';
+  const declineInviteSuccessTitle = t('decline-invite-success-title');
+  const declineInviteSuccessMessage = t('decline-invite-success-msg');
 
-  const declineInviteErrorTitle = 'decline-invite-error-title';
-  const declineInviteErrorMessage = 'decline-invite-error-msg';
+  const declineInviteErrorTitle = t('decline-invite-error-title');
+  const declineInviteErrorMessage = t('decline-invite-error-msg');
 
   const acceptInvite = async (ws: Pick<Workspace, 'id'>) => {
     const response = await fetch(`/api/workspaces/${ws.id}/accept-invite`, {
@@ -87,7 +87,10 @@
     >
       <div className="cursor-default font-semibold transition duration-150">
         <span className="text-foreground/60">{invitedTo} </span>
-        <Link href={`/${ws.id}`} className="text-foreground hover:underline">
+        <Link
+          href={`/${ws.id}/home`}
+          className="text-foreground hover:underline"
+        >
           {ws?.name || `Unnamed Workspace`}
         </Link>
         {ws?.created_at ? (