import React, { useEffect, useState } from "react"; //Import Flatepicker import Flatpickr from "react-flatpickr"; //Import Breadcrumb import BreadCrumb from "../../../Components/Common/BreadCrumb"; import { Container, Card, Row, Col, Modal, Nav, Form, Tab, Button, } from "react-bootstrap"; import { isEmpty } from "lodash"; import Select from "react-select"; //redux import { useSelector, useDispatch } from "react-redux"; import SellerChats from "./SellerChats"; import { createSelector } from "reselect"; import { Head, Link } from "@inertiajs/react"; import Layout from "../../../Layouts"; import { onGetSellers } from "../../../slices/thunk"; const EcommerceSellers = () => { const dispatch: any = useDispatch(); const [sellerList, setSellerList] = useState([]); const [modal, setModal] = useState(false); const [companyType, setcompanyType] = useState(null); const selectsellerData = createSelector( (state: any) => state.Ecommerce, (sellers: any) => sellers.sellers ); // Inside your component const sellers: any = useSelector(selectsellerData); useEffect(() => { setSellerList(sellers); }, [sellers]); useEffect(() => { dispatch(onGetSellers()); }, [dispatch]); useEffect(() => { if (!isEmpty(sellers)) setSellerList(sellers); }, [sellers]); const toggle = () => { if (modal) { setModal(false); } else { setModal(true); } }; //Tab const [activeTab, setActiveTab] = useState("1"); const toggleTab = (tab: any) => { if (activeTab !== tab) { setActiveTab(tab); } }; const companytypes = [ { options: [ { label: "Select type", value: "Select type" }, { label: "All", value: "All" }, { label: "Merchandising", value: "Merchandising" }, { label: "Manufacturing", value: "Manufacturing" }, { label: "Partnership", value: "Partnership" }, { label: "Corporation", value: "Corporation" }, ], }, ]; function handlecompanyType(companyType: any) { setcompanyType(companyType); } const category = (e: any) => { if (e === "All") { var filter = sellers.filter((item: any) => item.category !== e); } else { filter = sellers.filter((item: any) => item.category === e); } setSellerList(filter); }; return (
{" "}
{sellerList.map((seller: any, key: any) => ( {seller.isTrending && (
{" "} Trending
)}
{seller.label}

{seller.name}

{seller.stock}
Item Stock
{seller.balance}
Wallet Balance
View Details
))}

Showing 1 to 8 of 12 entries

  • {" "} {" "}
  • {" "} {" "}
  • {" "} {" "}
  • {" "} {" "}
  • {" "} {" "}
  • {" "} {" "}
  • {" "} {" "}
Add Seller
First Name
Last Name
Contact Number
Phone Number
Email
Date of Birth
City
Country
Zip Code
Description
Company Name
Company Type