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

Empty state

Browse Source
This commit is contained in:
Sebastien Castiel
2023-12-06 12:50:46 -05:00
parent c72311d01a
commit 0bc3e0eedd
2 changed files with 59 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/groups/[groupId]/page.tsx
View File

@@ -49,7 +49,9 @@ export default async function GroupPage({
</Button>
</CardHeader>
</div>
<CardContent className="p-0">
{expenses.length > 0 ? (
<Table className="">
<TableHeader>
<TableRow>
@@ -85,7 +87,7 @@ export default async function GroupPage({
))}
</TableCell>
<TableCell className="text-right tabular-nums">
$ {expense.amount.toFixed(2)}
$&nbsp;{expense.amount.toFixed(2)}
</TableCell>
<TableCell>
<Button
@@ -105,6 +107,9 @@ export default async function GroupPage({
))}
</TableBody>
</Table>
) : (
<div className="p-6">Your group doesn’t have any expense yet.</div>
)}
</CardContent>
</Card>

10
src/components/expense-form.tsx
View File

@@ -56,12 +56,12 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) {
<CardHeader>
<CardTitle>Expense information</CardTitle>
</CardHeader>
<CardContent className="grid grid-cols-2 gap-6">
<CardContent className="grid grid-cols-1 sm:grid-cols-2 gap-6">
<FormField
control={form.control}
name="title"
render={({ field }) => (
<FormItem>
<FormItem className="order-1">
<FormLabel>Expense title</FormLabel>
<FormControl>
<Input placeholder="Monday evening restaurant" {...field} />
@@ -78,7 +78,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) {
control={form.control}
name="paidBy"
render={({ field }) => (
<FormItem>
<FormItem className="order-3 sm:order-2">
<FormLabel>Paid by</FormLabel>
<Select
onValueChange={field.onChange}
@@ -107,7 +107,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) {
control={form.control}
name="amount"
render={({ field }) => (
<FormItem>
<FormItem className="order-2 sm:order-3">
<FormLabel>Amount</FormLabel>
<FormControl>
<Input
@@ -128,7 +128,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) {
control={form.control}
name="paidFor"
render={() => (
<FormItem>
<FormItem className="order-4">
<div className="mb-4">
<FormLabel>Paid for</FormLabel>
<FormDescription>