change product and razorpay
This commit is contained in:
pawan-dot
parent
63aecdaaa3
commit
a26ce0df5c
@ -14,7 +14,7 @@ import { cibGmail } from "@coreui/icons";
|
||||
import { createRoot } from "react-dom/client";
|
||||
|
||||
const setupAxios = () => {
|
||||
//axios.defaults.baseURL = "http://localhost:5000";
|
||||
// axios.defaults.baseURL = "http://localhost:5000";
|
||||
axios.defaults.baseURL = "https://api.smellika.com";
|
||||
|
||||
axios.defaults.headers = {
|
||||
|
||||
@ -32,8 +32,15 @@ const InternetConnectionPopUp = () => {
|
||||
title: "Warning",
|
||||
text: "Internet connection is lost. Please check your connection.",
|
||||
icon: "warning",
|
||||
button: "Retry",
|
||||
button: {
|
||||
text: "Retry",
|
||||
value: "retry",
|
||||
},
|
||||
dangerMode: true,
|
||||
}).then((value) => {
|
||||
if (value === "retry") {
|
||||
window.location.reload(); // Reload the page
|
||||
}
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -41,6 +41,8 @@ const AddProduct = () => {
|
||||
// sku: "",
|
||||
description: "",
|
||||
master_price: "",
|
||||
master_GST: "",
|
||||
|
||||
// discontinue_on: "",
|
||||
// hsn_code: "",
|
||||
product_Status: "",
|
||||
@ -215,6 +217,7 @@ const AddProduct = () => {
|
||||
<ProductDetails
|
||||
data={{ data, setData }}
|
||||
categories={categories}
|
||||
taxes={taxes}
|
||||
ProductId={{ productId, setProductId }}
|
||||
loading={{ loading, setLoading }}
|
||||
/>
|
||||
|
||||
@ -43,6 +43,7 @@ const EditProduct = () => {
|
||||
// sku: "",
|
||||
description: "",
|
||||
master_price: "",
|
||||
master_GST: "",
|
||||
// discontinue_on: "",
|
||||
// hsn_code: "",
|
||||
product_Status: "",
|
||||
@ -89,11 +90,12 @@ const EditProduct = () => {
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
|
||||
setData((prev) => ({
|
||||
...prev,
|
||||
...res.data?.data,
|
||||
category: res.data?.data?.category?._id,
|
||||
master_GST: res.data?.data?.master_GST?._id,
|
||||
product_Status: res.data?.data?.product_Status,
|
||||
// discontinue_on: res.data?.data?.discontinue_on?.slice(0, 10),
|
||||
}));
|
||||
setProductId(res.data?.data?._id);
|
||||
@ -243,6 +245,7 @@ const EditProduct = () => {
|
||||
<ProductDetails
|
||||
data={{ data, setData }}
|
||||
categories={categories}
|
||||
taxes={taxes}
|
||||
ProductId={{ productId, setProductId }}
|
||||
loading={{ loading, setLoading }}
|
||||
/>
|
||||
|
||||
@ -8,6 +8,8 @@ const ProductDetails = (props) => {
|
||||
const { data, setData } = props.data;
|
||||
const { productId, setProductId } = props.ProductId;
|
||||
const { loading, setLoading } = props.loading;
|
||||
const taxes = props.taxes;
|
||||
|
||||
const categories = props?.categories || [];
|
||||
|
||||
const handleChange = (e) => {
|
||||
@ -26,7 +28,8 @@ const ProductDetails = (props) => {
|
||||
const handleSubmit = () => {
|
||||
if (
|
||||
data.name.trim() === "" ||
|
||||
// data.master_price.trim() === "" ||
|
||||
data.master_price === "" ||
|
||||
data.master_GST === "" ||
|
||||
data.category === "" ||
|
||||
data.description === "" ||
|
||||
data.product_Status === ""
|
||||
@ -102,19 +105,6 @@ const ProductDetails = (props) => {
|
||||
/>
|
||||
</div>
|
||||
<div className="mb-3 row">
|
||||
{/* <div className="col-lg-6">
|
||||
<label htmlFor="product" className="form-label">
|
||||
SKU*
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="sku"
|
||||
value={data.sku}
|
||||
maxLength="50"
|
||||
onChange={(e) => handleChange(e)}
|
||||
/>
|
||||
</div> */}
|
||||
<div className="col-lg-6 ">
|
||||
<label htmlFor="product" className="form-label">
|
||||
Category *
|
||||
@ -139,18 +129,8 @@ const ProductDetails = (props) => {
|
||||
)}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="col-lg-6">
|
||||
{/* <label htmlFor="product" className="form-label">
|
||||
Master Price*
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
id="master_price"
|
||||
value={data.master_price}
|
||||
maxLength="6"
|
||||
onChange={(e) => handleChange(e)}
|
||||
/> */}
|
||||
<label htmlFor="title" className="form-label">
|
||||
Product Status *
|
||||
</label>{" "}
|
||||
@ -167,6 +147,44 @@ const ProductDetails = (props) => {
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mb-3 row">
|
||||
<div className="col-lg-6">
|
||||
<label htmlFor="product" className="form-label">
|
||||
Master Price*
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
className="form-control"
|
||||
placeholder="₹"
|
||||
id="master_price"
|
||||
name="master_price"
|
||||
value={data.master_price}
|
||||
maxLength="6"
|
||||
onChange={(e) => handleChange(e)}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-6 ">
|
||||
<label htmlFor="product" className="form-label">
|
||||
Master GST *
|
||||
</label>
|
||||
<select
|
||||
name="master_GST"
|
||||
// value={r.gst_Id?._id ? r.gst_Id?._id : r.gst_Id}
|
||||
value={data?.master_GST}
|
||||
onChange={(e) => handleChange(e)}
|
||||
id="master_GST"
|
||||
className="form-control"
|
||||
>
|
||||
<option value="">---select---</option>
|
||||
{taxes &&
|
||||
taxes.map((item, index) => (
|
||||
<option value={item._id} key={index}>
|
||||
{item.tax} %{item.name}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mb-3">
|
||||
<label htmlFor="product" className="form-label">
|
||||
Description*
|
||||
@ -174,6 +192,7 @@ const ProductDetails = (props) => {
|
||||
<textarea
|
||||
className="form-control"
|
||||
id="description"
|
||||
placeholder="Text..."
|
||||
value={data.description}
|
||||
onChange={(e) => handleChange(e)}
|
||||
/>
|
||||
@ -199,6 +218,7 @@ const ProductDetails = (props) => {
|
||||
</label>
|
||||
<textarea
|
||||
className="form-control"
|
||||
placeholder="Text..."
|
||||
style={{
|
||||
whiteSpace: "pre-wrap",
|
||||
minHeight: "100px",
|
||||
|
||||
@ -1,731 +1,3 @@
|
||||
// import React, { useState, useEffect } from "react";
|
||||
// import { Link } from "react-router-dom";
|
||||
// import Button from "@material-ui/core/Button";
|
||||
// import { useNavigate } from "react-router-dom";
|
||||
// import axios from "axios";
|
||||
// import { isAutheticated } from "src/auth";
|
||||
// import swal from "sweetalert";
|
||||
// import {
|
||||
// Box,
|
||||
// FormControl,
|
||||
// IconButton,
|
||||
// InputLabel,
|
||||
// MenuItem,
|
||||
// Select,
|
||||
// TextField,
|
||||
// } from "@mui/material";
|
||||
// import SearchIcon from "@mui/icons-material/Search";
|
||||
// import Fuse from "fuse.js";
|
||||
// import { Typography } from "@material-ui/core";
|
||||
// const Products = () => {
|
||||
// const token = isAutheticated();
|
||||
// const [query, setQuery] = useState("");
|
||||
// const navigate = useNavigate();
|
||||
// const [loading, setLoading] = useState(true);
|
||||
// const [success, setSuccess] = useState(true);
|
||||
// const [productsData, setProductsData] = useState([]);
|
||||
// const [filterData, setFilterData] = useState([]);
|
||||
// const [queryData, setQueryData] = useState([]);
|
||||
|
||||
// const [currentPage, setCurrentPage] = useState(1);
|
||||
// const [itemPerPage, setItemPerPage] = useState(10);
|
||||
// const [showData, setShowData] = useState(productsData);
|
||||
|
||||
// const handleShowEntries = (e) => {
|
||||
// setCurrentPage(1);
|
||||
// setItemPerPage(e.target.value);
|
||||
// };
|
||||
|
||||
// const getProductsData = async () => {
|
||||
// axios
|
||||
// .get(`/api/product/getAll/`, {
|
||||
// headers: {
|
||||
// Authorization: `Bearer ${token}`,
|
||||
// },
|
||||
// })
|
||||
// .then((res) => {
|
||||
// setProductsData(res.data?.product);
|
||||
// setLoading(false);
|
||||
// })
|
||||
// .catch((error) => {
|
||||
// const msg = error?.response?.data?.message || "Something went wrong!";
|
||||
|
||||
// swal({
|
||||
// title: error,
|
||||
// text: msg,
|
||||
// icon: "error",
|
||||
// button: "Retry",
|
||||
// dangerMode: true,
|
||||
// });
|
||||
// setLoading(false);
|
||||
// });
|
||||
// };
|
||||
|
||||
// useEffect(() => {
|
||||
// getProductsData();
|
||||
// }, [success]);
|
||||
|
||||
// useEffect(() => {
|
||||
// const loadData = () => {
|
||||
// const indexOfLastPost = currentPage * itemPerPage;
|
||||
// const indexOfFirstPost = indexOfLastPost - itemPerPage;
|
||||
// setShowData(productsData.slice(indexOfFirstPost, indexOfLastPost));
|
||||
// };
|
||||
// loadData();
|
||||
// }, [currentPage, itemPerPage, productsData]);
|
||||
|
||||
// const handleDelete = (id) => {
|
||||
// swal({
|
||||
// title: "Are you sure?",
|
||||
// icon: "error",
|
||||
// buttons: {
|
||||
// Yes: { text: "Yes", value: true },
|
||||
// Cancel: { text: "Cancel", value: "cancel" },
|
||||
// },
|
||||
// }).then((value) => {
|
||||
// if (value === true) {
|
||||
// axios
|
||||
// .delete(`/api/product/delete/${id}`, {
|
||||
// headers: {
|
||||
// "Access-Control-Allow-Origin": "*",
|
||||
// Authorization: `Bearer ${token}`,
|
||||
// },
|
||||
// })
|
||||
// .then((res) => {
|
||||
// swal({
|
||||
// title: "Deleted",
|
||||
// text: "Product Deleted successfully!",
|
||||
// icon: "success",
|
||||
// button: "ok",
|
||||
// });
|
||||
// setSuccess((prev) => !prev);
|
||||
// })
|
||||
// .catch((err) => {
|
||||
// const msg = err?.response?.data?.message || "Something went wrong!";
|
||||
|
||||
// swal({
|
||||
// title: "Warning",
|
||||
// text: msg,
|
||||
// icon: "error",
|
||||
// button: "Retry",
|
||||
// dangerMode: true,
|
||||
// });
|
||||
// });
|
||||
// }
|
||||
// });
|
||||
// };
|
||||
// const [filterCategory, setFilterCategory] = useState("");
|
||||
|
||||
// const handleSearchClick = (query) => {
|
||||
// const option = {
|
||||
// isCaseSensitive: true,
|
||||
// includeScore: false,
|
||||
// shouldSort: true,
|
||||
// includeMatches: false,
|
||||
// findAllMatches: false,
|
||||
// minMatchCharLength: 1,
|
||||
// location: 0,
|
||||
// threshold: 0.6,
|
||||
// distance: 100,
|
||||
// useExtendedSearch: true,
|
||||
// ignoreLocation: false,
|
||||
// ignoreFieldNorm: false,
|
||||
// fieldNormWeight: 1,
|
||||
// keys: ["name"],
|
||||
// };
|
||||
|
||||
// const fuse = new Fuse(productsData, option);
|
||||
// const result = fuse.search(query);
|
||||
|
||||
// const searchedResult = result.map((result) => result.item);
|
||||
// console.log(searchedResult);
|
||||
// setQueryData(searchedResult);
|
||||
// };
|
||||
// useEffect(() => {
|
||||
// if (query !== "") {
|
||||
// setFilterCategory("");
|
||||
// }
|
||||
// setTimeout(() => handleSearchClick(query), 100);
|
||||
// }, [query]);
|
||||
// const uniqueCategoryNames = [
|
||||
// ...new Set(showData?.map((product) => product?.category?.categoryName)),
|
||||
// ];
|
||||
// useEffect(() => {
|
||||
// setTimeout(() => {
|
||||
// if (filterCategory !== "") {
|
||||
// const filteredProducts = productsData.filter(
|
||||
// (product) => product.category?.categoryName === filterCategory
|
||||
// );
|
||||
|
||||
// setFilterData(filteredProducts);
|
||||
// } else {
|
||||
// // If no category is selected, show all products
|
||||
// setShowData(productsData);
|
||||
// // setFilterData(filteredProducts);
|
||||
// }
|
||||
// }, 100);
|
||||
// }, [filterCategory, productsData]);
|
||||
// return (
|
||||
// <div className="main-content">
|
||||
// <div className="page-content">
|
||||
// <div className="container-fluid">
|
||||
// <div className="row">
|
||||
// <div className="col-12">
|
||||
// <div
|
||||
// className="
|
||||
// page-title-box
|
||||
// d-flex
|
||||
// align-items-center
|
||||
// justify-content-between
|
||||
// "
|
||||
// >
|
||||
// <div style={{ fontSize: "22px" }} className="fw-bold">
|
||||
// Products
|
||||
// </div>
|
||||
|
||||
// <div className="page-title-right">
|
||||
// <Button
|
||||
// variant="contained"
|
||||
// color="primary"
|
||||
// style={{
|
||||
// fontWeight: "bold",
|
||||
// marginBottom: "1rem",
|
||||
// textTransform: "capitalize",
|
||||
// }}
|
||||
// onClick={() => {
|
||||
// navigate("/product/add", { replace: true });
|
||||
// }}
|
||||
// >
|
||||
// Add Product
|
||||
// </Button>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <div className="row">
|
||||
// <div className="col-lg-12">
|
||||
// <div className="card">
|
||||
// <div className="card-body">
|
||||
// <div className="row ml-0 mr-0 mb-10">
|
||||
// <div className="col-lg-1">
|
||||
// <div className="dataTables_length">
|
||||
// <label className="w-100">
|
||||
// Show
|
||||
// <select
|
||||
// onChange={(e) => {
|
||||
// setItemPerPage(e.target.value);
|
||||
// setCurrentPage(1);
|
||||
// }}
|
||||
// className="form-control"
|
||||
// disabled={loading}
|
||||
// >
|
||||
// <option value="10">10</option>
|
||||
// <option value="25">25</option>
|
||||
// <option value="50">50</option>
|
||||
// <option value="100">100</option>
|
||||
// </select>
|
||||
// entries
|
||||
// </label>
|
||||
// </div>
|
||||
// </div>
|
||||
// <div className="col-lg-3">
|
||||
// <label>Product Name:</label>
|
||||
// <input
|
||||
// type="text"
|
||||
// placeholder="product name"
|
||||
// className="form-control"
|
||||
// ref={nameRef}
|
||||
// disabled={loading}
|
||||
// />
|
||||
// </div>
|
||||
// <div className="col-lg-3">
|
||||
// <label>Filter by Category:</label>
|
||||
// <select
|
||||
// className="form-control"
|
||||
// ref={categoryRef}
|
||||
// disabled={loading}
|
||||
// >
|
||||
// <option value="">All</option>
|
||||
// {categories?.map((e, i) => (
|
||||
// <option key={i} value={e._id}>
|
||||
// {e?.name}
|
||||
// </option>
|
||||
// ))}
|
||||
// </select>
|
||||
// </div>
|
||||
// <div className="col-lg-2">
|
||||
// <button
|
||||
// className="btn btn-primary ms-1 mt-4"
|
||||
// onClick={() => {
|
||||
// getProductsData();
|
||||
// setCurrentPage(1);
|
||||
// }}
|
||||
// disabled={loading}
|
||||
// >
|
||||
// Filter
|
||||
// </button>
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <div className="table-responsive table-shoot mt-3">
|
||||
// <table
|
||||
// className="table table-centered table-nowrap"
|
||||
// style={{ border: "1px solid" }}
|
||||
// >
|
||||
// <thead
|
||||
// className="thead-info"
|
||||
// style={{ background: "rgb(140, 213, 213)" }}
|
||||
// >
|
||||
// <tr>
|
||||
// <th className="text-start">Image</th>
|
||||
// <th className="text-start">Product</th>
|
||||
// <th className="text-start">Category</th>
|
||||
|
||||
// <th className="text-start">Price</th>
|
||||
// <th className="text-start">Added On</th>
|
||||
// <th className="text-start">Actions</th>
|
||||
// </tr>
|
||||
// </thead>
|
||||
// <tbody>
|
||||
// {!loading && showData.length === 0 && (
|
||||
// <tr className="text-center">
|
||||
// <td colSpan="6">
|
||||
// <h5>No Data Available</h5>
|
||||
// </td>
|
||||
// </tr>
|
||||
// )}
|
||||
// {loading ? (
|
||||
// <tr>
|
||||
// <td className="text-center" colSpan="6">
|
||||
// Loading...
|
||||
// </td>
|
||||
// </tr>
|
||||
// ) : query === "" && filterCategory == "" ? (
|
||||
// showData.map((product, i) => {
|
||||
// return (
|
||||
// <tr key={i}>
|
||||
// <th>
|
||||
// {product.image &&
|
||||
// product.image.map((i, j) => (
|
||||
// <img
|
||||
// key={j}
|
||||
// className="me-2"
|
||||
// src={`${i?.url}`}
|
||||
// width="40"
|
||||
// alt=""
|
||||
// />
|
||||
// ))}
|
||||
// </th>
|
||||
// <td className="text-start">{product.name}</td>
|
||||
// <td className="text-start">
|
||||
// {product.category?.categoryName !== ""
|
||||
// ? product.category?.categoryName
|
||||
// : "Category Not selected "}
|
||||
// </td>
|
||||
// <th className="text-start">
|
||||
// ₹
|
||||
// {product?.total_amount
|
||||
// ? product?.total_amount
|
||||
// : product?.variants[0]?.price}
|
||||
// </th>
|
||||
// <td className="text-start">
|
||||
// {new Date(product.createdAt).toLocaleString(
|
||||
// "en-IN",
|
||||
// {
|
||||
// weekday: "short",
|
||||
// month: "short",
|
||||
// day: "numeric",
|
||||
// year: "numeric",
|
||||
// hour: "numeric",
|
||||
// minute: "numeric",
|
||||
// hour12: true,
|
||||
// }
|
||||
// )}
|
||||
// </td>
|
||||
// <td className="text-start">
|
||||
// <Link to={`/product/view/${product._id}`}>
|
||||
// <button
|
||||
// style={{
|
||||
// color: "white",
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-primary btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mx-1
|
||||
// mt-1
|
||||
// "
|
||||
// >
|
||||
// View
|
||||
// </button>
|
||||
// </Link>
|
||||
// <Link to={`/product/edit/${product._id}`}>
|
||||
// <button
|
||||
// style={{
|
||||
// color: "white",
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-info btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mt-1
|
||||
// mx-1
|
||||
// "
|
||||
// >
|
||||
// Edit
|
||||
// </button>
|
||||
// </Link>
|
||||
// <Link
|
||||
// to={"#"}
|
||||
// style={{
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// >
|
||||
// <button
|
||||
// style={{ color: "white" }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-danger btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mt-1
|
||||
// mx-1
|
||||
|
||||
// "
|
||||
// onClick={() => {
|
||||
// handleDelete(product._id);
|
||||
// }}
|
||||
// >
|
||||
// Delete
|
||||
// </button>
|
||||
// </Link>
|
||||
// </td>
|
||||
// </tr>
|
||||
// );
|
||||
// })
|
||||
// ) : query !== "" ? (
|
||||
// queryData.map((product, i) => {
|
||||
// return (
|
||||
// <tr key={i}>
|
||||
// <th>
|
||||
// {product.image &&
|
||||
// product.image.map((i, j) => (
|
||||
// <img
|
||||
// key={j}
|
||||
// className="me-2"
|
||||
// src={`${i?.url}`}
|
||||
// width="40"
|
||||
// alt=""
|
||||
// />
|
||||
// ))}
|
||||
// </th>
|
||||
// <td className="text-start">{product.name}</td>
|
||||
// <td className="text-start">
|
||||
// {product.category !== ""
|
||||
// ? product.category?.categoryName
|
||||
// : "Category Not selected "}
|
||||
// </td>
|
||||
// <th className="text-start">₹{product.price}</th>
|
||||
// <td className="text-start">
|
||||
// {new Date(product.createdAt).toLocaleString(
|
||||
// "en-IN",
|
||||
// {
|
||||
// weekday: "short",
|
||||
// month: "short",
|
||||
// day: "numeric",
|
||||
// year: "numeric",
|
||||
// hour: "numeric",
|
||||
// minute: "numeric",
|
||||
// hour12: true,
|
||||
// }
|
||||
// )}
|
||||
// </td>
|
||||
// <td className="text-start">
|
||||
// <Link to={`/product/view/${product._id}`}>
|
||||
// <button
|
||||
// style={{
|
||||
// color: "white",
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-primary btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mx-1
|
||||
// mt-1
|
||||
// "
|
||||
// >
|
||||
// View
|
||||
// </button>
|
||||
// </Link>
|
||||
// <Link to={`/product/edit/${product._id}`}>
|
||||
// <button
|
||||
// style={{
|
||||
// color: "white",
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-info btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mt-1
|
||||
// mx-1
|
||||
// "
|
||||
// >
|
||||
// Edit
|
||||
// </button>
|
||||
// </Link>
|
||||
// <Link
|
||||
// to={"#"}
|
||||
// style={{
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// >
|
||||
// <button
|
||||
// style={{ color: "white" }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-danger btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mt-1
|
||||
// mx-1
|
||||
|
||||
// "
|
||||
// onClick={() => {
|
||||
// handleDelete(product._id);
|
||||
// }}
|
||||
// >
|
||||
// Delete
|
||||
// </button>
|
||||
// </Link>
|
||||
// </td>
|
||||
// </tr>
|
||||
// );
|
||||
// })
|
||||
// ) : (
|
||||
// query == "" &&
|
||||
// filterData.map((product, i) => {
|
||||
// return (
|
||||
// <tr key={i}>
|
||||
// <th>
|
||||
// {product.image &&
|
||||
// product.image.map((i, j) => (
|
||||
// <img
|
||||
// key={j}
|
||||
// className="me-2"
|
||||
// src={`${i?.url}`}
|
||||
// width="40"
|
||||
// alt=""
|
||||
// />
|
||||
// ))}
|
||||
// </th>
|
||||
// <td className="text-start">{product.name}</td>
|
||||
// <td className="text-start">
|
||||
// {product.category?.categoryName}
|
||||
// </td>
|
||||
// <th className="text-start">₹{product.price}</th>
|
||||
// <td className="text-start">
|
||||
// {new Date(product.createdAt).toLocaleString(
|
||||
// "en-IN",
|
||||
// {
|
||||
// weekday: "short",
|
||||
// month: "short",
|
||||
// day: "numeric",
|
||||
// year: "numeric",
|
||||
// hour: "numeric",
|
||||
// minute: "numeric",
|
||||
// hour12: true,
|
||||
// }
|
||||
// )}
|
||||
// </td>
|
||||
// <td className="text-start">
|
||||
// <Link to={`/product/view/${product._id}`}>
|
||||
// <button
|
||||
// style={{
|
||||
// color: "white",
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-primary btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mx-1
|
||||
// mt-1
|
||||
// "
|
||||
// >
|
||||
// View
|
||||
// </button>
|
||||
// </Link>
|
||||
// <Link to={`/product/edit/${product._id}`}>
|
||||
// <button
|
||||
// style={{
|
||||
// color: "white",
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-info btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mt-1
|
||||
// mx-1
|
||||
// "
|
||||
// >
|
||||
// Edit
|
||||
// </button>
|
||||
// </Link>
|
||||
// <Link
|
||||
// to={"#"}
|
||||
// style={{
|
||||
// marginRight: "1rem",
|
||||
// }}
|
||||
// >
|
||||
// <button
|
||||
// style={{ color: "white" }}
|
||||
// type="button"
|
||||
// className="
|
||||
// btn btn-danger btn-sm
|
||||
// waves-effect waves-light
|
||||
// btn-table
|
||||
// mt-1
|
||||
// mx-1
|
||||
|
||||
// "
|
||||
// onClick={() => {
|
||||
// handleDelete(product._id);
|
||||
// }}
|
||||
// >
|
||||
// Delete
|
||||
// </button>
|
||||
// </Link>
|
||||
// </td>
|
||||
// </tr>
|
||||
// );
|
||||
// })
|
||||
// )}
|
||||
// </tbody>
|
||||
// </table>
|
||||
// </div>
|
||||
|
||||
// <div className="row mt-20">
|
||||
// <div className="col-sm-12 col-md-6 mb-20">
|
||||
// <div
|
||||
// className="dataTables_info"
|
||||
// id="datatable_info"
|
||||
// role="status"
|
||||
// aria-live="polite"
|
||||
// >
|
||||
// Showing {currentPage * itemPerPage - itemPerPage + 1} to{" "}
|
||||
// {Math.min(
|
||||
// currentPage * itemPerPage,
|
||||
// productsData.length
|
||||
// )}{" "}
|
||||
// of {productsData.length} entries
|
||||
// </div>
|
||||
// </div>
|
||||
|
||||
// <div className="col-sm-12 col-md-6">
|
||||
// <div className="d-flex">
|
||||
// <ul className="pagination ms-auto">
|
||||
// <li
|
||||
// className={
|
||||
// currentPage === 1
|
||||
// ? "paginate_button page-item previous disabled"
|
||||
// : "paginate_button page-item previous"
|
||||
// }
|
||||
// >
|
||||
// <span
|
||||
// className="page-link"
|
||||
// style={{ cursor: "pointer" }}
|
||||
// onClick={() => setCurrentPage((prev) => prev - 1)}
|
||||
// >
|
||||
// Previous
|
||||
// </span>
|
||||
// </li>
|
||||
|
||||
// {!(currentPage - 1 < 1) && (
|
||||
// <li className="paginate_button page-item">
|
||||
// <span
|
||||
// className="page-link"
|
||||
// style={{ cursor: "pointer" }}
|
||||
// onClick={(e) =>
|
||||
// setCurrentPage((prev) => prev - 1)
|
||||
// }
|
||||
// >
|
||||
// {currentPage - 1}
|
||||
// </span>
|
||||
// </li>
|
||||
// )}
|
||||
|
||||
// <li className="paginate_button page-item active">
|
||||
// <span
|
||||
// className="page-link"
|
||||
// style={{ cursor: "pointer" }}
|
||||
// >
|
||||
// {currentPage}
|
||||
// </span>
|
||||
// </li>
|
||||
|
||||
// {!(
|
||||
// (currentPage + 1) * itemPerPage - itemPerPage >
|
||||
// productsData.length - 1
|
||||
// ) && (
|
||||
// <li className="paginate_button page-item ">
|
||||
// <span
|
||||
// className="page-link"
|
||||
// style={{ cursor: "pointer" }}
|
||||
// onClick={() => {
|
||||
// setCurrentPage((prev) => prev + 1);
|
||||
// }}
|
||||
// >
|
||||
// {currentPage + 1}
|
||||
// </span>
|
||||
// </li>
|
||||
// )}
|
||||
|
||||
// <li
|
||||
// className={
|
||||
// !(
|
||||
// (currentPage + 1) * itemPerPage - itemPerPage >
|
||||
// productsData.length - 1
|
||||
// )
|
||||
// ? "paginate_button page-item next"
|
||||
// : "paginate_button page-item next disabled"
|
||||
// }
|
||||
// >
|
||||
// <span
|
||||
// className="page-link"
|
||||
// style={{ cursor: "pointer" }}
|
||||
// onClick={() => setCurrentPage((prev) => prev + 1)}
|
||||
// >
|
||||
// Next
|
||||
// </span>
|
||||
// </li>
|
||||
// </ul>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// </div>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default Products;
|
||||
|
||||
import React, { useState, useEffect, useRef } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
import axios from "axios";
|
||||
@ -755,8 +27,7 @@ const Products = () => {
|
||||
// } = checkPermission("Product Master");
|
||||
const getProductsData = async () => {
|
||||
setLoading(true);
|
||||
|
||||
axios
|
||||
await axios
|
||||
.get(`/api/product/getAll/admin/`, {
|
||||
headers: {
|
||||
Authorization: `Bearer ${token}`,
|
||||
@ -1067,21 +338,15 @@ const Products = () => {
|
||||
<th className="text-start">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
{!loading && productsData?.length === 0 && (
|
||||
<tr className="text-center">
|
||||
<td colSpan="6">
|
||||
<h5>No Data Available</h5>
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
{loading ? (
|
||||
<tr>
|
||||
<td className="text-center" colSpan="6">
|
||||
Loading...
|
||||
</td>
|
||||
</tr>
|
||||
) : (
|
||||
) : productsData?.length > 0 ? (
|
||||
productsData?.map((product, i) => {
|
||||
return (
|
||||
<tr key={i}>
|
||||
@ -1131,9 +396,9 @@ const Products = () => {
|
||||
</td>
|
||||
<th className="text-start">
|
||||
₹
|
||||
{product?.total_amount
|
||||
? product?.total_amount
|
||||
: product?.variants[0]?.price}
|
||||
{product?.variants?.length > 0
|
||||
? product?.variants[0]?.price
|
||||
: product?.master_price}
|
||||
</th>
|
||||
<td className="text-start">
|
||||
<span className=""></span>
|
||||
@ -1247,6 +512,15 @@ const Products = () => {
|
||||
</tr>
|
||||
);
|
||||
})
|
||||
) : (
|
||||
!loading &&
|
||||
productsData?.length === 0 && (
|
||||
<tr className="text-center">
|
||||
<td colSpan="6">
|
||||
<h5>No Product Available...</h5>
|
||||
</td>
|
||||
</tr>
|
||||
)
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -76,7 +76,6 @@ const ViewProduct = () => {
|
||||
<th>Name</th>
|
||||
<td>{productData?.name}</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>Product Group</th>
|
||||
<td>{productData?.category?.categoryName}</td>
|
||||
@ -99,15 +98,50 @@ const ViewProduct = () => {
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{productData?.master_price && (
|
||||
<tr>
|
||||
<th>Master Price</th>
|
||||
<td>₹{productData?.master_price}</td>
|
||||
</tr>
|
||||
)}
|
||||
{productData?.master_GST && (
|
||||
<tr>
|
||||
<th>Master GST</th>
|
||||
<td>
|
||||
{productData?.master_GST?.tax}%{" "}
|
||||
{productData?.master_GST?.name}
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
{productData?.master_GST && (
|
||||
<tr>
|
||||
<th>Master GST Price</th>
|
||||
<td>
|
||||
₹
|
||||
{(
|
||||
(Number(productData?.master_price) *
|
||||
Number(productData?.master_GST?.tax)) /
|
||||
100
|
||||
)?.toFixed(2)}
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
<tr>
|
||||
<th>Description</th>
|
||||
<td>{productData?.description}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Product Status</th>
|
||||
<td>{productData?.product_Status}</td>
|
||||
<td
|
||||
className={`badge m-1 ${
|
||||
productData?.product_Status === "Active"
|
||||
? "text-bg-success"
|
||||
: "text-bg-danger"
|
||||
}`}
|
||||
>
|
||||
{productData?.product_Status}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>Special Instructions</th>
|
||||
<td>
|
||||
|
||||
@ -506,34 +506,64 @@ function ViewOrders() {
|
||||
<div className="row">
|
||||
<div className="col-sm-6">
|
||||
<div
|
||||
className="d-flex justify-content-center mt-3 me-3 "
|
||||
className="d-flex justify-content-center mt-2 me-3 "
|
||||
style={{
|
||||
width: "6rem",
|
||||
}}
|
||||
>
|
||||
<span
|
||||
className="px-2 mt-1"
|
||||
style={{}}
|
||||
>
|
||||
<span className=" mt-1" style={{}}>
|
||||
{" "}
|
||||
Quantity:{" "}
|
||||
{productDetails?.quantity}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<p className="m-0 mt-3 ms-3">
|
||||
{productDetails?.variant_Name ? (
|
||||
<p className="m-0 mt-1 ms-3">
|
||||
<small>Variant :</small> ₹
|
||||
<small>
|
||||
{productDetails?.variant_Name}
|
||||
</small>
|
||||
</p>
|
||||
) : (
|
||||
<p className="m-0 mt-1 ms-3">
|
||||
<small>It`s Device</small>
|
||||
</p>
|
||||
)}
|
||||
<p className="m-0 mt-1 ms-3">
|
||||
<stong> Subtotal:</stong> ₹
|
||||
{productDetails?.product_Subtotal}
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-sm-6">
|
||||
<p className="m-0 mt-3">
|
||||
<stong> Price:</stong> ₹
|
||||
{productDetails?.price}
|
||||
<p className="m-0 mt-1">
|
||||
<stong>
|
||||
{productDetails?.variant_Name
|
||||
? "Price:"
|
||||
: "Master Price"}
|
||||
</stong>{" "}
|
||||
₹{productDetails?.price}
|
||||
</p>
|
||||
<p className="m-0 mt-3">
|
||||
<stong> GST:</stong> ₹
|
||||
{productDetails?.gst_amount}
|
||||
{productDetails?.gst_rate && (
|
||||
<p className="m-0 mt-1">
|
||||
<small>
|
||||
{productDetails?.variant_Name
|
||||
? "GST Rate:"
|
||||
: "Master GST Rate:"}{" "}
|
||||
</small>
|
||||
<small>
|
||||
{productDetails?.gst_rate} %
|
||||
</small>
|
||||
</p>
|
||||
)}
|
||||
<p className="m-0 mt-1">
|
||||
<small>
|
||||
{productDetails?.variant_Name
|
||||
? "GST:"
|
||||
: "Master GST:"}{" "}
|
||||
</small>{" "}
|
||||
<small>
|
||||
₹{productDetails?.gst_amount}
|
||||
</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -547,8 +577,10 @@ function ViewOrders() {
|
||||
<small className="mb-4">Shipping Charge: </small> ₹
|
||||
{orderDetails?.shipping_charge}
|
||||
<br />
|
||||
<span className="mt-2"> Total Order Value: </span> ₹
|
||||
{orderDetails?.total_amount}
|
||||
<h6 className="mt-2">
|
||||
{" "}
|
||||
Total Order Value: ₹{orderDetails?.total_amount}
|
||||
</h6>{" "}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user