From 59a3838209f68d011d41a334424dd858e5684e14 Mon Sep 17 00:00:00 2001
From: Snowball_233 <wangrb.qq@outlook.com>
Date: Sat, 17 Aug 2024 01:57:25 +0800
Subject: [PATCH] chore(about): set badge to multiband

---
 app/(root)/about/components/DeveloperCard.tsx | 10 +++++++---
 app/(root)/about/data/data.json               |  4 ++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/(root)/about/components/DeveloperCard.tsx b/app/(root)/about/components/DeveloperCard.tsx
index f49ace8..a90d07c 100644
--- a/app/(root)/about/components/DeveloperCard.tsx
+++ b/app/(root)/about/components/DeveloperCard.tsx
@@ -2,7 +2,7 @@ import { Avatar, Badge, Button, Group, Stack, Text, Title } from '@mantine/core'
 
 interface DeveloperCardProps {
     name: string;
-    badge: string;
+    badges?: string[];
     description: string;
     links: { name: string; url: string }[];
     logo: string;
@@ -10,7 +10,7 @@ interface DeveloperCardProps {
 
 export default function DeveloperCard({
                                           name,
-                                          badge,
+                                          badges = [], // Provide a default empty array if badges is undefined
                                           description,
                                           links,
                                           logo,
@@ -20,7 +20,11 @@ export default function DeveloperCard({
             <Avatar src={logo} alt={name} size="8rem" />
             <Stack>
                 <Title order={3}>{name}</Title>
-                <Badge>{badge}</Badge>
+                <Group>
+                    {badges.map((badge, idx) => (
+                        <Badge key={idx}>{badge}</Badge>
+                    ))}
+                </Group>
                 <Text>{description}</Text>
                 <Group>
                     {links.map((link, idx) => (
diff --git a/app/(root)/about/data/data.json b/app/(root)/about/data/data.json
index 3ee05f4..75c8bc3 100644
--- a/app/(root)/about/data/data.json
+++ b/app/(root)/about/data/data.json
@@ -1,7 +1,7 @@
 [
   {
     "name": "zrll_",
-    "badge": "Full Stack Developer",
+    "badges": ["Full Stack Developer", "Mentor"],
     "description": "John is a full stack developer with 10 years of experience.",
     "links": [
       {
@@ -17,7 +17,7 @@
   },
   {
     "name": "Jane Smith",
-    "badge": "Frontend Developer",
+    "badges": ["Frontend Developer", "UI/UX Designer"],
     "description": "Jane is a skilled frontend developer with a focus on user experience.",
     "links": [
       {