wood/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/woodchen-ink/nezha-dash-v1.git synced 2025-07-18 17:41:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: extra list badge

Browse Source
This commit is contained in:
hamster1963 2024-12-19 14:14:43 +08:00
parent 407332c938
commit bc64628dad
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/PlanInfo.tsx
View File

@ -4,6 +4,9 @@ export default function PlanInfo({ parsedData }: { parsedData: PublicNoteData })
if (!parsedData || !parsedData.planDataMod) { if (!parsedData || !parsedData.planDataMod) {
return null return null
} }
const extraList = parsedData.planDataMod.extra.split(",").length > 1 ? parsedData.planDataMod.extra.split(",") : parsedData.planDataMod.extra.split(",")[0] === "" ? [] : [parsedData.planDataMod.extra]
return ( return (
<section className="flex gap-1 items-center flex-wrap mt-0.5"> <section className="flex gap-1 items-center flex-wrap mt-0.5">
{parsedData.planDataMod.bandwidth !== "" && ( {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]", "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) => { {parsedData.planDataMod.networkRoute.split(",").map((route,index) => {
return route return route + (index === parsedData.planDataMod!.networkRoute.split(",").length - 1 ? "" : "｜")
})} })}
</p> </p>
)} )}
{parsedData.planDataMod.extra && ( {
extraList.map((extra, index) => {
return (
<p <p
key={index}
className={cn( 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]", "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) => { {extra}
return extra
})}
</p> </p>
)} )
})
}
</section> </section>
) )
} }