feat: icons · hallaine.com/vouch@52a6da0

+9 -2

src/app/settings/page.tsx

··· 1 1 "use client"; 2 2 3 - import { ArrowLeft01Icon, Logout01Icon } from "@hugeicons/core-free-icons"; 3 + import { 4 + ArrowLeft01Icon, 5 + Bookmark03Icon, 6 + Logout01Icon, 7 + } from "@hugeicons/core-free-icons"; 4 8 import { HugeiconsIcon } from "@hugeicons/react"; 5 9 import Link from "next/link"; 6 10 import { Button } from "@/components/ui/button"; ··· 92 96 /> 93 97 </Field> 94 98 <Field> 95 - <Button type="submit">Save Changes</Button> 99 + <Button type="submit"> 100 + <HugeiconsIcon icon={Bookmark03Icon} /> 101 + Save Changes 102 + </Button> 96 103 </Field> 97 104 </FieldGroup> 98 105 </form>

+34 -11

src/components/group.tsx

··· 2 2 3 3 import { 4 4 ArrowLeft01Icon, 5 + Bookmark03Icon, 5 6 Copy01Icon, 6 7 Delete01Icon, 8 + Edit01Icon, 9 + Ticket02Icon, 7 10 UserMultipleIcon, 8 11 } from "@hugeicons/core-free-icons"; 9 12 import { HugeiconsIcon } from "@hugeicons/react"; ··· 16 19 Card, 17 20 CardAction, 18 21 CardContent, 22 + CardDescription, 19 23 CardFooter, 20 24 CardHeader, 21 25 CardTitle, ··· 85 89 <Card> 86 90 <CardHeader> 87 91 <CardTitle>{group.name}</CardTitle> 92 + <CardDescription>{group.description}</CardDescription> 88 93 <CardAction> 89 94 <ButtonGroup> 90 - <Button 91 - variant="secondary" 92 - size="icon" 93 - render={<Link href="/" />} 94 - nativeButton={false} 95 - > 95 + <Button render={<Link href="/" />} nativeButton={false}> 96 96 <HugeiconsIcon icon={ArrowLeft01Icon} /> 97 + Back 97 98 </Button> 98 99 <Dialog> 99 100 <DialogTrigger 100 101 render={ 101 - <Button variant="secondary"> 102 + <Button> 102 103 <HugeiconsIcon icon={UserMultipleIcon} /> 104 + Members 103 105 </Button> 104 106 } 105 107 /> ··· 126 128 current.id !== group.owner.id && ( 127 129 <ItemActions> 128 130 <Button 129 - variant="ghost" 130 131 onClick={() => { 131 132 deleteMember(group.id, current.id).then( 132 133 (res) => { ··· 141 142 }} 142 143 > 143 144 <HugeiconsIcon icon={Delete01Icon} /> 145 + Remove 144 146 </Button> 145 147 </ItemActions> 146 148 )} ··· 162 164 } 163 165 > 164 166 <HugeiconsIcon icon={Copy01Icon} /> 167 + Copy 165 168 </InputGroupButton> 166 169 </InputGroupAddon> 167 170 </InputGroup> ··· 182 185 {(group.owner.id === user.id && ( 183 186 <Dialog> 184 187 <DialogTrigger 185 - render={<Button className="w-full">Edit</Button>} 188 + render={ 189 + <Button> 190 + <HugeiconsIcon icon={Edit01Icon} /> 191 + Edit 192 + </Button> 193 + } 186 194 /> 187 195 <DialogContent> 188 196 <form ··· 249 257 }} 250 258 > 251 259 <HugeiconsIcon icon={Delete01Icon} /> 260 + Delete 252 261 </Button> 253 262 } 254 263 /> 255 264 <DialogClose 256 265 render={ 257 266 <Button type="submit" className="flex-1"> 267 + <HugeiconsIcon icon={Bookmark03Icon} /> 258 268 Update 259 269 </Button> 260 270 } ··· 277 287 }) 278 288 } 279 289 > 290 + <HugeiconsIcon icon={Ticket02Icon} /> 280 291 Redeem 281 292 </Button> 282 293 )} ··· 285 296 ))} 286 297 {group.owner.id === user.id && ( 287 298 <Dialog> 288 - <DialogTrigger render={<Button>Create Voucher</Button>} /> 299 + <DialogTrigger 300 + render={ 301 + <Button> 302 + <HugeiconsIcon icon={Bookmark03Icon} /> 303 + Create Voucher 304 + </Button> 305 + } 306 + /> 289 307 <DialogContent> 290 308 <form 291 309 onSubmit={(e) => { ··· 328 346 </Field> 329 347 <Field> 330 348 <DialogClose 331 - render={<Button type="submit">Create</Button>} 349 + render={ 350 + <Button type="submit"> 351 + <HugeiconsIcon icon={Bookmark03Icon} /> 352 + Create 353 + </Button> 354 + } 332 355 /> 333 356 </Field> 334 357 </FieldGroup>

+30 -4

src/components/groups.tsx

··· 1 1 "use client"; 2 2 3 - import { Delete01Icon } from "@hugeicons/core-free-icons"; 3 + import { 4 + Bookmark03Icon, 5 + Delete01Icon, 6 + Edit01Icon, 7 + PackageOpenIcon, 8 + } from "@hugeicons/core-free-icons"; 4 9 import { HugeiconsIcon } from "@hugeicons/react"; 5 10 import Link from "next/link"; 6 11 import { useState } from "react"; ··· 82 87 render={<Link href={`/${group.id}`} />} 83 88 nativeButton={false} 84 89 > 90 + <HugeiconsIcon icon={PackageOpenIcon} /> 85 91 View 86 92 </Button> 87 93 {group.userId === user.id && ( 88 94 <Dialog> 89 95 <DialogTrigger 90 - render={<Button>Edit</Button>} 96 + render={ 97 + <Button> 98 + <HugeiconsIcon icon={Edit01Icon} /> 99 + Edit 100 + </Button> 101 + } 91 102 id={`edit-${group.id}`} 92 103 /> 93 104 <DialogContent> ··· 155 166 }} 156 167 > 157 168 <HugeiconsIcon icon={Delete01Icon} /> 169 + Delete 158 170 </Button> 159 171 } 160 172 /> 161 173 <DialogClose 162 174 render={ 163 175 <Button type="submit" className="flex-1"> 176 + <HugeiconsIcon icon={Bookmark03Icon} /> 164 177 Update 165 178 </Button> 166 179 } ··· 177 190 </Item> 178 191 ))} 179 192 <Dialog> 180 - <DialogTrigger render={<Button>Create group</Button>} id="create" /> 193 + <DialogTrigger 194 + render={ 195 + <Button> 196 + <HugeiconsIcon icon={Bookmark03Icon} /> 197 + Create group 198 + </Button> 199 + } 200 + id="create" 201 + /> 181 202 <DialogContent> 182 203 <form 183 204 onSubmit={(e) => { ··· 218 239 </Field> 219 240 <Field> 220 241 <DialogClose 221 - render={<Button type="submit">Create</Button>} 242 + render={ 243 + <Button type="submit"> 244 + <HugeiconsIcon icon={Bookmark03Icon} /> 245 + Create 246 + </Button> 247 + } 222 248 /> 223 249 </Field> 224 250 </FieldGroup>

Configure Feed

Configure Feed