Merge pull request #14016 from saurabhburade/shadcn-migrate/DeveloperDocsLinks

Shadcn migration - DeveloperDocsLinks

Author: pettinarip

src/components/DeveloperDocsLinks.tsx

@@ -1,11 +1,12 @@
 import React from "react"
-import { ListItem, UnorderedList } from "@chakra-ui/react"
 
-import InlineLink from "@/components/Link"
 import Translation from "@/components/Translation"
 
 import docLinks from "@/data/developer-docs-links.yaml"
 
+import InlineLink from "./ui/Link"
+import { ListItem, UnorderedList } from "./ui/list"
+
 export type DeveloperDocsLinksProps = {
   headerId: string
 }
@@ -15,7 +16,7 @@ const DeveloperDocsLinks = ({ headerId }: DeveloperDocsLinksProps) => (
     {docLinks
       .filter(({ id }) => id.includes(headerId))
       .map(({ items, id }) => (
-        <UnorderedList ms={6} spacing={3} key={id}>
+        <UnorderedList className="ms-6 space-y-3" key={id}>
           {items &&
             items.map(({ id, href, path, description, items }) => (
               <ListItem key={id}>
@@ -30,12 +31,7 @@ const DeveloperDocsLinks = ({ headerId }: DeveloperDocsLinksProps) => (
                   {" – "}
                   <Translation id={`page-developers-docs:${description}`} />
                 </i>
-                <UnorderedList
-                  ms={6}
-                  mt={3}
-                  spacing={3}
-                  style={{ listStyleType: "circle" }}
-                >
+                <UnorderedList className="ms-6 mt-3 list-[circle] space-y-3">
                   {items &&
                     items.map(({ id, href, path }) => (
                       <ListItem key={id}>