this repo has no description
feat: use of group button
+68
-62
+1
-1
src/app/settings/page.tsx
+1
-1
src/app/settings/page.tsx
+34
-30
src/components/group.tsx
+34
-30
src/components/group.tsx
···
91
91
<CardTitle>{group.name}</CardTitle>
92
92
<CardDescription>{group.description}</CardDescription>
93
93
<CardAction>
94
-
<ButtonGroup>
94
+
<ButtonGroup orientation="vertical">
95
95
<Button render={<Link href="/" />} nativeButton={false}>
96
96
<HugeiconsIcon icon={ArrowLeft01Icon} />
97
97
Back
···
239
239
required
240
240
/>
241
241
</Field>
242
-
<Field orientation="horizontal">
243
-
<DialogClose
244
-
render={
245
-
<Button
246
-
variant="destructive"
247
-
onClick={(e) => {
248
-
e.preventDefault();
249
-
deleteVoucher(voucher.id).then((res) => {
250
-
if (!res) return;
251
-
setVouchers((prevVouchers) =>
252
-
prevVouchers.filter(
253
-
(v) => v.id !== voucher.id,
254
-
),
242
+
<Field>
243
+
<ButtonGroup>
244
+
<DialogClose
245
+
render={
246
+
<Button
247
+
variant="destructive"
248
+
onClick={(e) => {
249
+
e.preventDefault();
250
+
deleteVoucher(voucher.id).then(
251
+
(res) => {
252
+
if (!res) return;
253
+
setVouchers((prevVouchers) =>
254
+
prevVouchers.filter(
255
+
(v) => v.id !== voucher.id,
256
+
),
257
+
);
258
+
},
255
259
);
256
-
});
257
-
}}
258
-
>
259
-
<HugeiconsIcon icon={Delete01Icon} />
260
-
Delete
261
-
</Button>
262
-
}
263
-
/>
264
-
<DialogClose
265
-
render={
266
-
<Button type="submit" className="flex-1">
267
-
<HugeiconsIcon icon={Bookmark03Icon} />
268
-
Update
269
-
</Button>
270
-
}
271
-
/>
260
+
}}
261
+
>
262
+
<HugeiconsIcon icon={Delete01Icon} />
263
+
Delete
264
+
</Button>
265
+
}
266
+
/>
267
+
<DialogClose
268
+
render={
269
+
<Button type="submit" className="flex-1">
270
+
<HugeiconsIcon icon={Bookmark03Icon} />
271
+
Update
272
+
</Button>
273
+
}
274
+
/>
275
+
</ButtonGroup>
272
276
</Field>
273
277
</FieldGroup>
274
278
</FieldSet>
+33
-31
src/components/groups.tsx
+33
-31
src/components/groups.tsx
···
82
82
<ItemDescription>{group.description}</ItemDescription>
83
83
</ItemContent>
84
84
<ItemActions>
85
-
<ButtonGroup>
85
+
<ButtonGroup orientation="vertical">
86
86
<Button
87
87
render={<Link href={`/${group.id}`} />}
88
88
nativeButton={false}
···
148
148
required
149
149
/>
150
150
</Field>
151
-
<Field orientation="horizontal">
152
-
<DialogClose
153
-
render={
154
-
<Button
155
-
variant="destructive"
156
-
onClick={(e) => {
157
-
e.preventDefault();
158
-
deleteGroup(group.id).then((res) => {
159
-
if (!res) return;
160
-
setGroups((prevGroups) =>
161
-
prevGroups.filter(
162
-
(g) => g.id !== group.id,
163
-
),
164
-
);
165
-
});
166
-
}}
167
-
>
168
-
<HugeiconsIcon icon={Delete01Icon} />
169
-
Delete
170
-
</Button>
171
-
}
172
-
/>
173
-
<DialogClose
174
-
render={
175
-
<Button type="submit" className="flex-1">
176
-
<HugeiconsIcon icon={Bookmark03Icon} />
177
-
Update
178
-
</Button>
179
-
}
180
-
/>
151
+
<Field>
152
+
<ButtonGroup>
153
+
<DialogClose
154
+
render={
155
+
<Button
156
+
variant="destructive"
157
+
onClick={(e) => {
158
+
e.preventDefault();
159
+
deleteGroup(group.id).then((res) => {
160
+
if (!res) return;
161
+
setGroups((prevGroups) =>
162
+
prevGroups.filter(
163
+
(g) => g.id !== group.id,
164
+
),
165
+
);
166
+
});
167
+
}}
168
+
>
169
+
<HugeiconsIcon icon={Delete01Icon} />
170
+
Delete
171
+
</Button>
172
+
}
173
+
/>
174
+
<DialogClose
175
+
render={
176
+
<Button type="submit" className="flex-1">
177
+
<HugeiconsIcon icon={Bookmark03Icon} />
178
+
Update
179
+
</Button>
180
+
}
181
+
/>
182
+
</ButtonGroup>
181
183
</Field>
182
184
</FieldGroup>
183
185
</FieldSet>