From bc64628dad144cd4bc3b41e04ebc8439d11b4f03 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Thu, 19 Dec 2024 14:14:43 +0800
Subject: [PATCH] fix: extra list badge

---
 src/components/PlanInfo.tsx | 33 ++++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/components/PlanInfo.tsx b/src/components/PlanInfo.tsx
index 5d5b7c3..0f29571 100644
--- a/src/components/PlanInfo.tsx
+++ b/src/components/PlanInfo.tsx
@@ -4,6 +4,9 @@ export default function PlanInfo({ parsedData }: { parsedData: PublicNoteData })
   if (!parsedData || !parsedData.planDataMod) {
     return null
   }
+
+  const extraList = parsedData.planDataMod.extra.split(",").length > 1 ? parsedData.planDataMod.extra.split(",") : parsedData.planDataMod.extra.split(",")[0] === "" ? [] : [parsedData.planDataMod.extra]
+
   return (
     <section className="flex gap-1 items-center flex-wrap mt-0.5">
       {parsedData.planDataMod.bandwidth !== "" && (
@@ -48,22 +51,26 @@ export default function PlanInfo({ parsedData }: { parsedData: PublicNoteData })
             "text-[9px] bg-blue-600 text-blue-200 dark:bg-blue-800 dark:text-blue-300  w-fit rounded-[5px] px-[3px] py-[1.5px]",
           )}
         >
-          {parsedData.planDataMod.networkRoute.split(",").map((route) => {
-            return route
-          })}
-        </p>
-      )}
-      {parsedData.planDataMod.extra && (
-        <p
-          className={cn(
-            "text-[9px] bg-stone-600 text-stone-200 dark:bg-stone-800 dark:text-stone-300  w-fit rounded-[5px] px-[3px] py-[1.5px]",
-          )}
-        >
-          {parsedData.planDataMod.extra.split(",").map((extra) => {
-            return extra
+          {parsedData.planDataMod.networkRoute.split(",").map((route,index) => {
+            return route + (index === parsedData.planDataMod!.networkRoute.split(",").length - 1 ? "" : "｜")
           })}
         </p>
       )}
+      {
+        extraList.map((extra, index) => {
+          return (
+            <p
+              key={index}
+              className={cn(
+                "text-[9px] bg-stone-600 text-stone-200 dark:bg-stone-800 dark:text-stone-300  w-fit rounded-[5px] px-[3px] py-[1.5px]",
+              )}
+            >
+              {extra}
+            </p>
+          )
+        })
+      }
+      
     </section>
   )
 }