JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

TypeScript

const categories = [{
  "id": 50,
  "enabled": true,
  "name": "Swimming Pool & Gardening",
  "frName": "Swimming Pool & Gardening",
  "icon": "",
  "banner": "",
  "description": "",
  "priority": 0,
  "featured": true,
  "createdBy": 2,
  "createdTimestamp": "2022-02-15T18:14:04.384Z",
  "updatedBy": 2,
  "updatedTimestamp": "2022-02-15T18:14:04.384Z",
  "children": [{
    "id": 51,
    "enabled": true,
    "name": "Tools",
    "frName": "Tools",
    "icon": "",
    "banner": "",
    "description": "",
    "priority": 0,
    "featured": true,
    "createdBy": 2,
    "createdTimestamp": "2022-02-15T18:14:16.502Z",
    "updatedBy": null,
    "updatedTimestamp": "2022-02-15T18:14:16.502Z",
    "children": []
  }, {
    "id": 52,
    "enabled": true,
    "name": "Supplies",
    "frName": "Supplies",
    "icon": "",
    "banner": "",
    "description": "",
    "priority": 0,
    "featured": true,
    "createdBy": 2,
    "createdTimestamp": "2022-02-15T18:14:26.629Z",
    "updatedBy": null,
    "updatedTimestamp": "2022-02-15T18:14:26.629Z",
    "children": []
  }]
}, {
  "id": 4,
  "enabled": false,
  "name": "Office Essentials",
  "frName": "Office Essentials",
  "icon": "https://cdn.iconscout.com/icon/premium/png-256-thumb/television-208-789186.png",
  "banner": "https://www.seekpng.com/png/full/238-2389181_hot-offer-hot-offers.png",
  "description": "",
  "priority": 3,
  "featured": true,
  "createdBy": 2,
  "createdTimestamp": "2021-02-19T21:23:04.012Z",
  "updatedBy": 2,
  "updatedTimestamp": "2021-05-03T15:08:08.577Z",
  "children": [{
    "id": 53,
    "enabled": true,
    "name": "Office Supplies",
    "frName": "Office Supplies",
    "icon": "",
    "banner": "",
    "description": "",
    "priority": 0,
    "featured": true,
    "createdBy": 2,
    "createdTimestamp": "2022-02-15T18:15:50.905Z",
    "updatedBy": null,
    "updatedTimestamp": "2022-02-15T18:15:50.905Z",
    "children": []
  }, {
    "id": 54,
    "enabled": true,
    "name": "Computers",
 ...