import React from "react";
import Layout from "../../../components/layout/Layout";
import { wrapper } from "../../../redux/store";
import OrderListing from "../../../components/vendor/OrderListing";
import Sidebar from "../../../components/layout/VendorDashboardSidebar";
import { GenericLayout } from "../../../components/layout/Generics/GenericLayout";
// import { loadUser } from "../redux/actions/userActions";
// import { wrapper } from "../redux/store";

const OrderListingPage = () => {
  return (
    <GenericLayout>
      {/* <div className="sidebarContainer">
        <Sidebar /> */}
        <div className="w-100 p-5">
          <OrderListing />
        </div>
      {/* </div> */}
    </GenericLayout>
  );
};

export default OrderListingPage;
/** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => {
  // Get the menu data.

  // get the locations data.
  // await store.dispatch(loadUser());

  return {
    props: {}
  };
});