refactor: ♻️ update avatars in UI examples

Victor1890 · Mar 26, 2024 · e6c76a5 · e6c76a5
1 parent 1049aa7
commit e6c76a5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/public/assets/img/user.jpeg b/public/assets/img/user.jpeg
diff --git a/src/components/app/ui-elements/examples/example-02.tsx b/src/components/app/ui-elements/examples/example-02.tsx
@@ -21,12 +21,11 @@ function Example02() {
                             Meet your agenda and see their ranks to get the best results
                         </span>
                         <AvatarGroup isBordered>
-                            <Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026024d" />
-                            <Avatar src="https://i.pravatar.cc/150?u=a04258a2462d826712d" />
-                            <Avatar src="https://i.pravatar.cc/150?u=a042581f4e29026704d" />
-                            <Avatar src="https://i.pravatar.cc/150?u=a04258114e29026302d" />
-                            <Avatar src="https://i.pravatar.cc/150?u=a04258114e29026702d" />
-                            <Avatar src="https://i.pravatar.cc/150?u=a04258114e29026708c" />
+                            {
+                                Array.from({ length: 6 }).map((_, index) => (
+                                    <Avatar key={`avatar-${index}`} src="assets/img/user.jpeg" />
+                                ))
+                            }
                         </AvatarGroup>
                     </div>
                 </CardBody>

diff --git a/src/components/app/ui-elements/examples/example-03.tsx b/src/components/app/ui-elements/examples/example-03.tsx
@@ -5,31 +5,31 @@ import { applyStyle } from "@/utils/color.util";
 const items = [
     {
         name: "Jose Perez",
-        picture: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
+        picture: "assets/img/user.jpeg",
         amount: "4500 USD",
         date: "9/20/2021",
     },
     {
         name: "Jose Perez",
-        picture: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
+        picture: "assets/img/user.jpeg",
         amount: "4500 USD",
         date: "9/20/2021",
     },
     {
         name: "Jose Perez",
-        picture: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
+        picture: "assets/img/user.jpeg",
         amount: "4500 USD",
         date: "9/20/2021",
     },
     {
         name: "Jose Perez",
-        picture: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
+        picture: "assets/img/user.jpeg",
         amount: "4500 USD",
         date: "9/20/2021",
     },
     {
         name: "Jose Perez",
-        picture: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
+        picture: "assets/img/user.jpeg",
         amount: "4500 USD",
         date: "9/20/2021",
     },
@@ -56,7 +56,7 @@ function Example03() {
                                         style={applyStyle("color")}
                                         isBordered
                                         color="default"
-                                        src="https://i.pravatar.cc/150?u=a042581f4e29026024d"
+                                        src={item.picture}
                                     />
                                 </div>