From ab8a468c0bb8bf2990336bda09261471ce26ab24 Mon Sep 17 00:00:00 2001
From: Sibunnayak <sibunnayak8480@gmail.com>
Date: Fri, 23 Aug 2024 11:29:11 +0530
Subject: [PATCH] PD updated with new field SBU

---
 .../PrincipalDistributors/AddMultiplePD.js    |   6 +-
 .../addPrincipalDistributor.js                | 489 ++++++++++++------
 .../principalDistributor.js                   |  10 +-
 .../singlePrincipalDistributorAllDetails.js   | 182 ++++---
 src/views/Products/AddProduct.js              |   2 +-
 .../Productcomponents/ProductDetails.js       |   2 +-
 6 files changed, 461 insertions(+), 230 deletions(-)

diff --git a/src/views/PrincipalDistributors/AddMultiplePD.js b/src/views/PrincipalDistributors/AddMultiplePD.js
index 02b1f73..653d48d 100644
--- a/src/views/PrincipalDistributors/AddMultiplePD.js
+++ b/src/views/PrincipalDistributors/AddMultiplePD.js
@@ -52,7 +52,7 @@ const AddMultiplePd = () => {
           },
         }
       );
-      // console.log(data);
+      console.log(data);
       if (data.errors && data.errors.length > 0) {
         setErrors(data.errors);
       }
@@ -211,8 +211,8 @@ const AddMultiplePd = () => {
                   <td>{distributor.name || "N/A"}</td>
                   <td>{distributor.email || "N/A"}</td>
                   <td>{distributor.phone || "N/A"}</td>
-                  <td>{distributor.panNumber || "N/A"}</td>
-                  <td>{distributor.gstNumber || "N/A"}</td>
+                  <td>{distributor?.address?.panNumber || "N/A"}</td>
+                  <td>{distributor?.address?.gstNumber || "N/A"}</td>
                 </tr>
               ))}
             </tbody>
diff --git a/src/views/PrincipalDistributors/addPrincipalDistributor.js b/src/views/PrincipalDistributors/addPrincipalDistributor.js
index cec2350..d047fe2 100644
--- a/src/views/PrincipalDistributors/addPrincipalDistributor.js
+++ b/src/views/PrincipalDistributors/addPrincipalDistributor.js
@@ -8,6 +8,8 @@ import {
   FormHelperText,
   Autocomplete,
   CircularProgress,
+  FormControl,
+  InputLabel,
 } from "@mui/material";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-hot-toast";
@@ -21,6 +23,7 @@ const AddPrincipalDistributor = () => {
 
   const [user, setUser] = useState({
     PD_ID: "",
+    SBU: "",
     name: "",
     email: "",
     phone: "",
@@ -165,189 +168,357 @@ const AddPrincipalDistributor = () => {
           Add Principal Distributor
         </Typography>
         <form onSubmit={handleFormSubmit}>
-          <Typography variant="h6" sx={{ mb: 2 }}>
+          <Typography variant="h5" sx={{ mb: 2 }}>
             Basic Information
           </Typography>
           <Grid container spacing={2} sx={{ mb: 2 }}>
-          <Grid item xs={6}>
-              <TextField
-                id="PD_ID"
-                required
-                type="text"
-                fullWidth
-                name="PD_ID"
-                value={user.PD_ID}
-                label="Principal Distributor ID"
-                variant="outlined"
-                onChange={handleInputChange}
-              />
+            {/* Principal Distributor ID */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="PD_ID"
+                  className="form-label"
+                >
+                  Principal Distributor ID*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="PD_ID"
+                  required
+                  type="text"
+                  fullWidth
+                  name="PD_ID"
+                  value={user.PD_ID}
+                  variant="outlined"
+                  onChange={handleInputChange}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={6}>
-              <TextField
-                id="name"
-                required
-                type="text"
-                fullWidth
-                name="name"
-                value={user.name}
-                label="Name"
-                variant="outlined"
-                onChange={handleInputChange}
-              />
+
+            {/* Principal Distributor SBU */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="SBU"
+                  className="form-label"
+                >
+                  Principal Distributor SBU*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="SBU"
+                  required
+                  type="text"
+                  fullWidth
+                  name="SBU"
+                  value={user.SBU}
+                  variant="outlined"
+                  onChange={handleInputChange}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={6}>
-              <TextField
-                id="email"
-                required
-                type="email"
-                fullWidth
-                name="email"
-                value={user.email}
-                label="Email"
-                variant="outlined"
-                onChange={handleInputChange}
-              />
+
+            {/* Name */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="name"
+                  className="form-label"
+                >
+                  Name*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="name"
+                  required
+                  type="text"
+                  fullWidth
+                  name="name"
+                  value={user.name}
+                  variant="outlined"
+                  onChange={handleInputChange}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={6}>
-              <TextField
-                id="phone"
-                required
-                type="text"
-                fullWidth
-                name="phone"
-                value={user.phone}
-                label="Phone Number"
-                variant="outlined"
-                onChange={handleInputChange}
-              />
+
+            {/* Email */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="email"
+                  className="form-label"
+                >
+                  Email*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="email"
+                  required
+                  type="email"
+                  fullWidth
+                  name="email"
+                  value={user.email}
+                  variant="outlined"
+                  onChange={handleInputChange}
+                />
+              </Grid>
+            </Grid>
+
+            {/* Phone Number */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="phone"
+                  className="form-label"
+                >
+                  Phone Number*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="phone"
+                  required
+                  type="text"
+                  fullWidth
+                  name="phone"
+                  value={user.phone}
+                  variant="outlined"
+                  onChange={handleInputChange}
+                />
+              </Grid>
             </Grid>
           </Grid>
 
-          <Typography variant="h6" sx={{ mb: 2 }}>
+          <Typography variant="h5" sx={{ mb: 2 }}>
             Business Details
           </Typography>
           <Grid container spacing={2} sx={{ mb: 2 }}>
-            <Grid item xs={12} sm={4}>
-              <TextField
-                id="panNumber"
-                required
-                type="text"
-                fullWidth
-                name="panNumber"
-                value={data.panNumber}
-                label="PAN Number"
-                variant="outlined"
-                onChange={handleDataChange}
-              />
+            {/* PAN Number */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="panNumber"
+                  className="form-label"
+                >
+                  PAN Number*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="panNumber"
+                  required
+                  type="text"
+                  fullWidth
+                  name="panNumber"
+                  value={data.panNumber}
+                  variant="outlined"
+                  onChange={handleDataChange}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={12} sm={4}>
-              <TextField
-                id="tradeName"
-                required
-                type="text"
-                fullWidth
-                name="tradeName"
-                value={data.tradeName}
-                label="Trade Name"
-                variant="outlined"
-                onChange={handleDataChange}
-              />
+
+            {/* Trade Name */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="tradeName"
+                  className="form-label"
+                >
+                  Trade Name*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="tradeName"
+                  required
+                  type="text"
+                  fullWidth
+                  name="tradeName"
+                  value={data.tradeName}
+                  variant="outlined"
+                  onChange={handleDataChange}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={12} sm={4}>
-              <TextField
-                id="gstNumber"
-                required
-                type="text"
-                fullWidth
-                name="gstNumber"
-                value={data.gstNumber}
-                label="GST Number"
-                variant="outlined"
-                onChange={handleDataChange}
-              />
+
+            {/* GST Number */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="gstNumber"
+                  className="form-label"
+                >
+                  GST Number*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="gstNumber"
+                  required
+                  type="text"
+                  fullWidth
+                  name="gstNumber"
+                  value={data.gstNumber}
+                  variant="outlined"
+                  onChange={handleDataChange}
+                />
+              </Grid>
             </Grid>
           </Grid>
 
-          <Typography variant="h6" sx={{ mb: 2 }}>
+          <Typography variant="h5" sx={{ mb: 2 }}>
             Address
           </Typography>
           <Grid container spacing={2} sx={{ mb: 2 }}>
-            <Grid item xs={12} sm={4}>
-              <TextField
-                id="country"
-                required
-                type="text"
-                fullWidth
-                name="country"
-                value={data.country}
-                label="Country"
-                variant="outlined"
-                disabled
-              />
+            {/* Country */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="country"
+                  className="form-label"
+                >
+                  Country*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="country"
+                  required
+                  type="text"
+                  fullWidth
+                  name="country"
+                  value={data.country}
+                  variant="outlined"
+                  disabled
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={12} sm={4}>
-              <Autocomplete
-                id="state"
-                options={stateOptions}
-                getOptionLabel={(option) => option.label}
-                value={selectedState}
-                onChange={handleStateChange}
-                renderInput={(params) => (
-                  <TextField
-                    {...params}
-                    fullWidth
-                    label="State"
-                    variant="outlined"
-                    error={!selectedState}
-                    helperText={!selectedState ? "Select a state" : null}
-                  />
-                )}
-              />
+
+            {/* State */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="state"
+                  className="form-label"
+                >
+                  State*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <Autocomplete
+                  id="state"
+                  options={stateOptions}
+                  getOptionLabel={(option) => option.label}
+                  value={selectedState}
+                  onChange={handleStateChange}
+                  renderInput={(params) => (
+                    <TextField
+                      {...params}
+                      fullWidth
+                      variant="outlined"
+                      label="Select State"
+                      error={!selectedState}
+                      helperText={!selectedState ? "Select a state" : null}
+                    />
+                  )}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={12} sm={4}>
-              <Autocomplete
-                id="city"
-                options={cityOptions}
-                getOptionLabel={(option) => option.label}
-                value={selectedCity}
-                onChange={handleCityChange}
-                renderInput={(params) => (
-                  <TextField
-                    {...params}
-                    fullWidth
-                    label="City"
-                    variant="outlined"
-                    error={!selectedCity}
-                    helperText={!selectedCity ? "Select a city" : null}
-                  />
-                )}
-              />
+
+            {/* City */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="city"
+                  className="form-label"
+                >
+                  City*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <Autocomplete
+                  id="city"
+                  options={cityOptions}
+                  getOptionLabel={(option) => option.label}
+                  value={selectedCity}
+                  onChange={handleCityChange}
+                  renderInput={(params) => (
+                    <TextField
+                      {...params}
+                      fullWidth
+                      variant="outlined"
+                       label="Select City"
+                      error={!selectedCity}
+                      helperText={!selectedCity ? "Select a city" : null}
+                    />
+                  )}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={6}>
-              <TextField
-                id="street"
-                required
-                type="text"
-                fullWidth
-                name="street"
-                value={data.street}
-                label="Street"
-                variant="outlined"
-                onChange={handleDataChange}
-              />
+
+            {/* Street */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="street"
+                  className="form-label"
+                >
+                  Street*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="street"
+                  required
+                  type="text"
+                  fullWidth
+                  name="street"
+                  value={data.street}
+                  variant="outlined"
+                  onChange={handleDataChange}
+                />
+              </Grid>
             </Grid>
-            <Grid item xs={6}>
-              <TextField
-                id="postalCode"
-                required
-                type="text"
-                fullWidth
-                name="postalCode"
-                value={data.postalCode}
-                label="Postal Code"
-                variant="outlined"
-                onChange={handleDataChange}
-              />
+
+            {/* Postal Code */}
+            <Grid item xs={12} className="d-flex align-items-center">
+              <Grid item xs={2}>
+                <Typography
+                  variant="body1"
+                  htmlFor="postalCode"
+                  className="form-label"
+                >
+                  Postal Code*
+                </Typography>
+              </Grid>
+              <Grid item xs={10}>
+                <TextField
+                  id="postalCode"
+                  required
+                  type="text"
+                  fullWidth
+                  name="postalCode"
+                  value={data.postalCode}
+                  variant="outlined"
+                  onChange={handleDataChange}
+                />
+              </Grid>
             </Grid>
           </Grid>
 
diff --git a/src/views/PrincipalDistributors/principalDistributor.js b/src/views/PrincipalDistributors/principalDistributor.js
index 006aceb..f8726a8 100644
--- a/src/views/PrincipalDistributors/principalDistributor.js
+++ b/src/views/PrincipalDistributors/principalDistributor.js
@@ -136,7 +136,7 @@ const principalDistributor = () => {
                   <Button
                     variant="contained"
                     color="primary"
-                     className="font-bold mb-2 capitalize mr-2"
+                    className="font-bold mb-2 capitalize mr-2"
                     onClick={() => {
                       navigate("/add-principal-distributor");
                     }}
@@ -148,7 +148,9 @@ const principalDistributor = () => {
                     color="primary"
                     className="font-bold mb-2 capitalize"
                     onClick={() =>
-                      navigate("/add-principal-distributor/multiple", { replace: true })
+                      navigate("/add-principal-distributor/multiple", {
+                        replace: true,
+                      })
                     }
                   >
                     Upload Spreadsheet
@@ -198,7 +200,8 @@ const principalDistributor = () => {
                         style={{ background: "rgb(140, 213, 213)" }}
                       >
                         <tr>
-                        <th>Unique Id </th>
+                          <th>Unique Id </th>
+                          <th>SBU</th>
                           <th>Name</th>
                           <th>Email</th>
                           {/* <th>Profile Image</th> */}
@@ -228,6 +231,7 @@ const principalDistributor = () => {
                             return (
                               <tr key={i}>
                                 <td>{user.uniqueId}</td>
+                                <td>{user.SBU?user.SBU:"N/A"}</td>
                                 <td className="text-start">{user.name}</td>
                                 <td>{user.email}</td>
                                 <td className="text-start">
diff --git a/src/views/PrincipalDistributors/singlePrincipalDistributorAllDetails.js b/src/views/PrincipalDistributors/singlePrincipalDistributorAllDetails.js
index 46fcb49..7537700 100644
--- a/src/views/PrincipalDistributors/singlePrincipalDistributorAllDetails.js
+++ b/src/views/PrincipalDistributors/singlePrincipalDistributorAllDetails.js
@@ -112,7 +112,7 @@ const SinglePrincipalDistributorAllDetails = () => {
                   "
           >
             <div style={{ fontSize: "22px" }} className="fw-bold">
-            Principal Distributor All Details
+              Principal Distributor All Details
             </div>
             <div style={{ display: "flex", gap: "1rem" }}>
               <h4 className="mb-0"></h4>
@@ -137,65 +137,122 @@ const SinglePrincipalDistributorAllDetails = () => {
         </div>
       </div>
       <div className="card" style={{ padding: "1rem" }}>
-        <h5 style={{ fontWeight: "bold" }}>&bull; Principal Distributor Profile </h5>
+        <h5 style={{ fontWeight: "bold" }}>
+          &bull; Principal Distributor Profile{" "}
+        </h5>
         <div style={{ marginLeft: "1rem", marginTop: "1rem" }}>
-  <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
-    Principal Distributor ID:
-    <Typography component="span" style={{ fontWeight: "normal", fontSize: "1.2rem",marginLeft: "0.5rem" }}>
-      {user?.uniqueId}
-    </Typography>
-  </Typography>
-  <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
-    Name:
-    <Typography component="span" style={{ fontWeight: "normal", fontSize: "1.2rem",marginLeft: "0.5rem"}}>
-      {user?.name}
-    </Typography>
-  </Typography>
-  <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
-    Email:
-    <Typography component="span" style={{ fontWeight: "normal", fontSize: "1.2rem" ,marginLeft: "0.5rem"}}>
-      {user?.email}
-    </Typography>
-  </Typography>
-  <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
-    Mobile Number:
-    <Typography component="span" style={{ fontWeight: "normal", fontSize: "1.2rem" ,marginLeft: "0.5rem"}}>
-      {user?.phone}
-    </Typography>
-  </Typography>
-  <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
-    Date Registered:
-    <Typography component="span" style={{ fontWeight: "normal", fontSize: "1.2rem" ,marginLeft: "0.5rem"}}>
-      {new Date(user?.createdAt).toLocaleString("en-IN", {
-        weekday: "short",
-        month: "short",
-        day: "numeric",
-        year: "numeric",
-        hour: "numeric",
-        minute: "numeric",
-        hour12: true,
-      })}
-    </Typography>
-  </Typography>
-  <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
-    Last Purchase:
-    <Typography component="span" style={{ fontWeight: "normal", fontSize: "1.2rem", marginLeft: "1.5rem" }}>
-      {userOrder?.length > 0
-        ? new Date(userOrder[0]?.createdAt).toLocaleString("en-IN", {
-            weekday: "short",
-            month: "short",
-            day: "numeric",
-            year: "numeric",
-            hour: "numeric",
-            minute: "numeric",
-            hour12: true,
-          })
-        : userOrder
-        ? "No Purchase"
-        : "Loading"}
-    </Typography>
-  </Typography>
-</div>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Principal Distributor ID:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "0.5rem",
+              }}
+            >
+              {user?.uniqueId}
+            </Typography>
+          </Typography>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Principal Distributor SBU:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "0.5rem",
+              }}
+            >
+              {user?.SBU}
+            </Typography>
+          </Typography>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Name:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "0.5rem",
+              }}
+            >
+              {user?.name}
+            </Typography>
+          </Typography>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Email:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "0.5rem",
+              }}
+            >
+              {user?.email}
+            </Typography>
+          </Typography>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Mobile Number:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "0.5rem",
+              }}
+            >
+              {user?.phone}
+            </Typography>
+          </Typography>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Date Registered:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "0.5rem",
+              }}
+            >
+              {new Date(user?.createdAt).toLocaleString("en-IN", {
+                weekday: "short",
+                month: "short",
+                day: "numeric",
+                year: "numeric",
+                hour: "numeric",
+                minute: "numeric",
+                hour12: true,
+              })}
+            </Typography>
+          </Typography>
+          <Typography style={{ fontWeight: "bold", fontSize: "1.2rem" }}>
+            Last Purchase:
+            <Typography
+              component="span"
+              style={{
+                fontWeight: "normal",
+                fontSize: "1.2rem",
+                marginLeft: "1.5rem",
+              }}
+            >
+              {userOrder?.length > 0
+                ? new Date(userOrder[0]?.createdAt).toLocaleString("en-IN", {
+                    weekday: "short",
+                    month: "short",
+                    day: "numeric",
+                    year: "numeric",
+                    hour: "numeric",
+                    minute: "numeric",
+                    hour12: true,
+                  })
+                : userOrder
+                ? "No Purchase"
+                : "Loading"}
+            </Typography>
+          </Typography>
+        </div>
 
         <div style={{ marginTop: "2rem" }}>
           <h5 style={{ fontWeight: "bold", marginBottom: "1rem" }}>
@@ -234,14 +291,13 @@ const SinglePrincipalDistributorAllDetails = () => {
                         <td className="text-start">{i + 1}</td>
                         <td style={{ maxWidth: "400px" }}>
                           <strong>
-                            {address?.first_Name} {address?.last_name} 
+                            {address?.first_Name} {address?.last_name}
                             {address.tradeName
                               ? `${address.tradeName},`
                               : "No tradeName "}
                             {address.gstNumber ? `${address.gstNumber},` : ""}
-                            {address?.street},
-                            {address?.city},{address?.state},{address?.country},
-                            {address?.postalCode}
+                            {address?.street},{address?.city},{address?.state},
+                            {address?.country},{address?.postalCode}
                           </strong>
                         </td>
                       </tr>
diff --git a/src/views/Products/AddProduct.js b/src/views/Products/AddProduct.js
index 03da657..87569bc 100644
--- a/src/views/Products/AddProduct.js
+++ b/src/views/Products/AddProduct.js
@@ -25,7 +25,7 @@ const AddProduct = () => {
     price: "",
     GST: "",
     HSN_Code: "",
-    product_Status: "",
+    product_Status: "Active",
   });
 
   const getCategories = () => {
diff --git a/src/views/Products/Productcomponents/ProductDetails.js b/src/views/Products/Productcomponents/ProductDetails.js
index 1ae8f60..3da14e3 100644
--- a/src/views/Products/Productcomponents/ProductDetails.js
+++ b/src/views/Products/Productcomponents/ProductDetails.js
@@ -185,7 +185,7 @@ const ProductDetails = (props) => {
         </div>
         <div className="mb-3 row d-flex align-items-center">
           <label htmlFor="product_Status" className="form-label col-sm-3">
-            Product Status *
+            Product Status 
           </label>
           <div className="col-sm-9">
             <select