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

Improve loading states

Browse Source
This commit is contained in:
Sebastien Castiel
2023-12-14 12:34:15 -05:00
parent 80c4baa0e1
commit 7e279a535d
4 changed files with 56 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,6 +2,7 @@
import { getGroupsAction } from '@/app/groups/actions'
import { getRecentGroups } from '@/app/groups/recent-groups-helpers'
import { Button } from '@/components/ui/button'
import { Skeleton } from '@/components/ui/skeleton'
import { getGroups } from '@/lib/api'
import { Calendar, Loader2, Users } from 'lucide-react'
import Link from 'next/link'
@@ -96,9 +97,10 @@ export function RecentGroupList() {
</div>
</div>
) : (
<>
<Loader2 className="w-3 h-3 mr-1 inline animate-spin" />
</>
<div className="flex justify-between">
<Skeleton className="h-4 w-6 rounded-full" />
<Skeleton className="h-4 w-24 rounded-full" />
</div>
)}
</div>
</div>