migrate StakingGuides from Chakra UI to shadcn

plvzfq-rit · plvzfq-rit · commit ec0b581a3ee8 · 2025-01-01T17:34:18.000+08:00
diff --git a/src/components/Staking/StakingGuides.tsx b/src/components/Staking/StakingGuides.tsx
@@ -1,5 +1,5 @@
 import { useTranslation } from "next-i18next"
-import { Stack } from "@chakra-ui/react"
+import { Stack } from "@/components/ui/flex"
 
 import CardList, { type CardListItem } from "@/components/CardList"
 
@@ -29,7 +29,7 @@ const StakingGuides = () => {
     },
   ]
 
-  return <Stack as={CardList} direction="column" gap={4} items={guides} />
+  return <CardList className="flex flex-col gap-4" items={guides} />
 }
 
 export default StakingGuides

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import { useTranslation } from "next-i18next"`
`2`		`-import { Stack } from "@chakra-ui/react"`
	`2`	`+import { Stack } from "@/components/ui/flex"`
`3`	`3`
`4`	`4`	`import CardList, { type CardListItem } from "@/components/CardList"`
`5`	`5`
`@@ -29,7 +29,7 @@ const StakingGuides = () => {`
`29`	`29`	`},`
`30`	`30`	`]`
`31`	`31`
`32`		`- return <Stack as={CardList} direction="column" gap={4} items={guides} />`
	`32`	`+ return <CardList className="flex flex-col gap-4" items={guides} />`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`export default StakingGuides`