From 541e3dc56de9f038dabd7a46b3c2dec7454d83ac Mon Sep 17 00:00:00 2001
From: Chris Johnston <christopher_johnston@me.com>
Date: Thu, 8 Aug 2024 18:40:20 +0100
Subject: [PATCH] add locale to date formatter

---
 src/components/expense-activity-item.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/expense-activity-item.tsx b/src/components/expense-activity-item.tsx
index c9b46ab6..abc57ffc 100644
--- a/src/components/expense-activity-item.tsx
+++ b/src/components/expense-activity-item.tsx
@@ -5,6 +5,7 @@ import { getExpense, getGroup } from '@/lib/api'
 import { DateTimeStyle, cn, formatDate } from '@/lib/utils'
 import { Activity, Participant } from '@prisma/client'
 import { useRouter } from 'next/navigation'
+import { useLocale } from 'next-intl'
 
 type Props = {
   group: NonNullable<Awaited<ReturnType<typeof getGroup>>>
@@ -23,6 +24,7 @@ export function ExpenseActivityItem({
 }: Props) {
   const router = useRouter()
   const summary = useSummary(activity, participant?.name)
+  const locale = useLocale()
 
   return (
     <div
@@ -34,11 +36,11 @@ export function ExpenseActivityItem({
       <div className="flex flex-col justify-between items-start">
         {dateStyle !== undefined && (
           <div className="mt-1 text-xs/5 text-muted-foreground">
-            {formatDate(activity.time, { dateStyle })}
+            {formatDate(activity.time, locale, { dateStyle })}
           </div>
         )}
         <div className="my-1 text-xs/5 text-muted-foreground">
-          {formatDate(activity.time, { timeStyle: 'short' })}
+          {formatDate(activity.time, locale, { timeStyle: 'short' })}
         </div>
       </div>
       <div className="flex-1">