JSFiddle - React, Tailwind, and code Playground

by Mubasshir Pawle

JavaScript

const orderStatus = {
  "in cart": "in cart",
  "Order Placed": "Order Placed",
  "Order Delivered": "Order Delivered",
  "Order Partially Delivered": "Order Partially Delivered",
  "Out for Delivery": "Out for Delivery",
  "Order Cancelled": "Order Cancelled",
  "Ready to pick up": "Ready to pick up",
  "Order Returned": "Order Returned",
};
const ordersProductStatus = {
  "in cart": "in cart",
  "Order Placed": "Order Placed",
  "Order Delivered": "Order Delivered",
  "Out for Delivery": "Out for Delivery",
  "Order Cancelled by Vendor": "Order Cancelled by Vendor",
  "Ready to pick up": "Ready to pick up",
  "Product Picked up": "Product Picked up",
  "Order Returned": "Order Returned",
};
const ordersProducts = [
{
    "id": 351,
    "storeId": 58,
    "quantity": 5,
    "status": "in cart",
    "unitPrice": "500.00",
    "salePrice": "450.00",
    "subTotal": "2250.00",
    "taxedAmount": "112.50",
    "taxRate": "5.00",
    "discountAmount": "0.00",
    "product": {
      "id": 106,
      "name": " strawberry",
      "store": {
        "id": 58,
        "enabled": true,
        "vendorId": 37,
        "storesTypeId": 1,
        "countryId": 2,
        "stateId": 2,
        "cityId": 2,
        "regionId": 3,
        "areaId": 4,
        "postcodeId": 5,
        "postCode": "5137",
        "name": "Fresh Farm",
        "contactNumber": "987654567",
        "contactEmail": "[email protected]",
        "coordinates": {
          "x": 34,
          "y": 67
        },
        "address": "Adelaide",
        "rating": "3.00",
        "ratingVisibility": true,
        "isPickUpAvailable": true,
        "pickUpSlot": [{
            "day": "Monday",
            "endTime": "18:30",
            "startTime": "08:30"
          },
          {
            "day": "Tuesday",
            "endTime": "18:30",
            "startTime": "08:30"
          },
          {
            "day": "Wednesday",
            "endTime": "18:30",
            "startTime": "08:30"
          },
 ...