mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-03-08 05:09:05 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

format currency with thousand separators (#81)

Browse Source
This commit is contained in:
Lauri Vuorela
2024-02-05 02:16:30 +01:00
committed by GitHub
parent fb49fb596a
commit be0964d9e1
5 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/groups/[groupId]/expenses/create-from-receipt-button.tsx
View File

@@ -26,7 +26,7 @@ import {
import { ToastAction } from '@/components/ui/toast'
import { useToast } from '@/components/ui/use-toast'
import { useMediaQuery } from '@/lib/hooks'
import { formatExpenseDate } from '@/lib/utils'
import { formatCurrency, formatExpenseDate } from '@/lib/utils'
import { Category } from '@prisma/client'
import { ChevronRight, FileQuestion, Loader2, Receipt } from 'lucide-react'
import { getImageData, usePresignedUpload } from 'next-s3-upload'
@@ -185,9 +185,7 @@ export function CreateFromReceiptButton({
<div>
{receiptInfo ? (
receiptInfo.amount ? (
<>
{groupCurrency} {receiptInfo.amount.toFixed(2)}
</>
<>{formatCurrency(groupCurrency, receiptInfo.amount)}</>
) : (
<Unknown />
)

4
src/app/groups/[groupId]/expenses/expense-list.tsx
View File

@@ -3,7 +3,7 @@ import { CategoryIcon } from '@/app/groups/[groupId]/expenses/category-icon'
import { Button } from '@/components/ui/button'
import { SearchBar } from '@/components/ui/search-bar'
import { getGroupExpenses } from '@/lib/api'
import { cn, formatExpenseDate } from '@/lib/utils'
import { cn, formatCurrency, formatExpenseDate } from '@/lib/utils'
import { Expense, Participant } from '@prisma/client'
import dayjs, { type Dayjs } from 'dayjs'
import { ChevronRight } from 'lucide-react'
@@ -156,7 +156,7 @@ export function ExpenseList({
expense.isReimbursement ? 'italic' : 'font-bold',
)}
>
{currency} {(expense.amount / 100).toFixed(2)}
{formatCurrency(currency, expense.amount)}
</div>
<div className="text-xs text-muted-foreground">
{formatExpenseDate(expense.expenseDate)}