{data.map((item) => (
  <tr key={item.id}>
  <td>{item.name}</td>
  <td>{item.body.slice(0, 90)}</td>
  <td>
      {item.status === 1 ?
          <Form.Check
              type="switch"
              id="custom-switch"
              checked
          /> :
          <Form.Check
              type="switch"
              id="custom-switch"
          />
  }
  </td>
  <td>{item.author.username}</td>
  <td>
      <Link to={`/admin/categories/view/${item.id}`} style={{ paddingRight: "12px" }}> <FaEye
          style={{ fontSize: "22px", color: "#071337", cursor: "pointer" }} /></Link>
      <span onClick={() => deleteHandler(item.id)} style={{ paddingRight: "12px" }}><TiDelete
          style={{ fontSize: "22px", color: "#c0392b", cursor: "pointer" }} /></span>
      <Link to={`/admin/categories/edit/${item.id}`} style={{ paddingRight: "12px" }}> <FaEdit
          style={{ fontSize: "22px", color: "#f39c12", cursor: "pointer" }} /></Link>
  </td>
  </tr>
))}