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

Migration script, improvements in expenses list

Browse Source
This commit is contained in:
Sebastien Castiel
2023-12-08 14:56:51 -05:00
parent 9cc819b0c9
commit 92a21ff4c5
10 changed files with 511 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/groups/recent-group-list.tsx
View File

@@ -2,7 +2,7 @@
import { getRecentGroups } from '@/app/groups/recent-groups-helpers'
import { Button } from '@/components/ui/button'
import { getGroups } from '@/lib/api'
import { Loader2 } from 'lucide-react'
import { Calendar, Loader2, Users } from 'lucide-react'
import Link from 'next/link'
import { useEffect, useState } from 'react'
import { z } from 'zod'
@@ -58,14 +58,24 @@ export function RecentGroupList({ getGroupsAction }: Props) {
<li key={group.id}>
<Button variant="outline" className="h-fit w-full py-3" asChild>
<Link href={`/groups/${group.id}`} className="text-base">
<div className="w-full flex flex-col items-start gap-1">
<div className="w-full flex flex-col gap-1">
<div className="text-base">{group.name}</div>
<div className="text-muted-foreground font-normal text-xs">
{details ? (
<>
{details._count.participants} participants ·{' '}
{details.currency}
</>
<div className="w-full flex items-center justify-between">
<div className="flex items-center">
<Users className="w-3 h-3 inline mr-1" />
<span>{details._count.participants}</span>
</div>
<div className="flex items-center">
<Calendar className="w-3 h-3 inline mx-1" />
<span>
{details.createdAt.toLocaleDateString('en-US', {
dateStyle: 'medium',
})}
</span>
</div>
</div>
) : (
<>
<Loader2 className="w-3 h-3 mr-1 inline animate-spin" />