diff --git a/docs/src/components/Dashboard/components/ComponentList.tsx b/docs/src/components/Dashboard/components/ComponentList.tsx index 42fc488e58..2378e020c6 100644 --- a/docs/src/components/Dashboard/components/ComponentList.tsx +++ b/docs/src/components/Dashboard/components/ComponentList.tsx @@ -11,8 +11,9 @@ import { TableRow, TableCell, } from "@kiwicom/orbit-components"; -import { ChevronDown, ChevronUp } from "@kiwicom/orbit-components/icons"; +import { CheckCircle, ChevronDown, ChevronUp } from "@kiwicom/orbit-components/icons"; +import tailwindMigrationData from "../../../data/tailwind-migration-status.yaml"; import { TrackedData } from "../interfaces"; type ComponentData = Pick; @@ -40,13 +41,9 @@ const Sort = ({ ); const ComponentList = ({ components, unused }: Props) => { - const [data, setData] = React.useState([]); + const [data, setData] = React.useState(components); const [isSorted, setSorted] = React.useState(false); - React.useEffect(() => { - setData(components); - }, [setData, components]); - const mappedUnused = unused ? unused.map(name => ({ name, @@ -90,11 +87,12 @@ const ComponentList = ({ components, unused }: Props) => { } }} > - Number of instances + # of instances Category Deprecated + Migrated to Tailwind @@ -116,6 +114,9 @@ const ComponentList = ({ components, unused }: Props) => { )} + + {tailwindMigrationData[name] && } + ))} diff --git a/docs/src/data/tailwind-migration-status.yaml b/docs/src/data/tailwind-migration-status.yaml new file mode 100644 index 0000000000..e59fe61d76 --- /dev/null +++ b/docs/src/data/tailwind-migration-status.yaml @@ -0,0 +1,72 @@ +Accordion: false +AirportIllustration: false +Alert: true +Badge: true +BadgeList: true +BaggageStepper: false +Breadcrumbs: true +Box: true +Button: true +ButtonGroup: true +ButtonLink: true +ButtonMobileStore: false +ButtonPrimitive: true +CallOutBanner: false +Card: true +CarrierLogo: true +Checkbox: false +ChoiceGroup: false +Collapse: false +Coupon: false +CountryFlag: true +Dialog: true +Drawer: true +ErrorFormTooltip: true +FeatureIcon: false +FormLabel: true +Grid: true +Heading: true +IllustrationPrimitive: true +IllustrationPrimitiveList: false +InputField: false +InputFile: true +InputGroup: false +InputSelect: true +Inline: false +Itinerary: false +Layout: true +LinkList: true +List: true +ListChoice: true +Loading: true +Modal: false +NavigationBar: true +NotificationBadge: false +Pagination: false +Popover: false +Radio: true +Seat: false +SegmentedSwitch: true +Select: true +Separator: false +ServiceLogo: false +SkipLink: false +SkipNavigation: false +Slider: false +SocialButton: false +Stack: true +Stepper: false +StopoverArrow: false +Switch: true +Table: false +Tabs: false +Tag: false +Tile: false +TileGroup: false +Text: true +TextLink: true +Textarea: true +Timeline: false +Toast: false +Truncate: false +Wizard: false diff --git a/docs/src/data/tailwind-migration-status.yaml.d.ts b/docs/src/data/tailwind-migration-status.yaml.d.ts new file mode 100644 index 0000000000..1632aa10c5 --- /dev/null +++ b/docs/src/data/tailwind-migration-status.yaml.d.ts @@ -0,0 +1,3 @@ +declare const tailwindMigrationStatusData: Record; + +export default tailwindMigrationStatusData; diff --git a/docs/src/documentation/02-foundation/11-tailwind/03-status.mdx b/docs/src/documentation/02-foundation/11-tailwind/03-status.mdx new file mode 100644 index 0000000000..e69de29bb2