contact scroll bar fixed

src/component/comments/Comments.js

@@ -18,7 +18,7 @@ export default function Comments(){
                                         <div className="row justify-content-center">
                                             <div className="col-12">
                                                 <div className="text-center mail-sidebar-title px-4">
-                                                    <a href="javascript:void(0)" className="btn btn-primary btn-block py-3 font-weight-bold font-18">className= <i className="fa fa-plus pl-2"></i></a>
+                                                    <a href="javascript:void(0)" className="btn btn-primary btn-block py-3 font-weight-bold font-18"><i className="fa fa-plus pl-2"></i></a>
                                                 </div>
                                             </div>
                                             <div className="col-12">

src/component/contacts/Contacts.js

@@ -18,7 +18,7 @@ export default function Contacts(){
                                         <div className="row justify-content-center">
                                             <div className="col-12">
                                                 <div className="text-center mail-sidebar-title px-4">
-                                                    <a href="javascript:void(0)" className="btn btn-primary btn-block py-3 font-weight-bold font-18">className= <i className="fa fa-plus pl-2"></i></a>
+                                                    <a href="javascript:void(0)" className="btn btn-primary btn-block py-3 font-weight-bold font-18"><i className="fa fa-plus pl-2"></i></a>
                                                 </div>
                                             </div>
                                             <div className="col-12">

src/component/layout/layoutcom/UserHeader.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import getImage from "../../../utils/getImage";
-import { useNavigate } from "react-router-dom";
+import { Link, useNavigate } from "react-router-dom";
 import { useSelector } from "react-redux";
 import siteLinks from "../../../links/siteLinks";
 
@@ -83,31 +83,33 @@ export default function UserHeader(){
                                         </div>
                                     </div>
                                     <div className="p-4">
-                                        <a className="dropdown-item d-flex nav-link" href="#">
+                                        <Link className="dropdown-item d-flex nav-link" to={siteLinks.user}>
-                                            <i className="fa fa-user pr-2 text-success"></i> Profile</a>
+                                            <i className="fa fa-user pr-2 text-success"></i> Users</Link>
-                                        <a className="dropdown-item d-flex nav-link" href="#">
+                                        <Link className="dropdown-item d-flex nav-link" to={siteLinks.contacts}>
-                                            <i className="fa fa-envelope pr-2 text-primary"></i> Inbox
+                                            <i className="fa fa-envelope pr-2 text-primary"></i> Contacts
                                             <span className="badge badge-primary ml-auto">6</span>
-                                        </a>
+                                        </Link>
-                                        <a className="dropdown-item d-flex nav-link" href={siteLinks.settings}>
+                                        <Link className="dropdown-item d-flex nav-link" to={siteLinks.settings}>
                                             <i className=" ti ti-settings pr-2 text-info"></i> Settings
-                                        </a>
+                                        </Link>
                                         <a className="dropdown-item d-flex nav-link" href="#">
                                             <i className="fa fa-compass pr-2 text-warning"></i> Need help?</a>
-                                        <div className="row mt-2">
+
-                                            <div className="col">
+                                        {/*<div className="row mt-2">*/}
-                                                <a className="bg-light p-3 text-center d-block" href="#">
+                                        {/*    <div className="col">*/}
-                                                    <i className="fe fe-mail font-20 text-primary"></i>
+                                        {/*        <a className="bg-light p-3 text-center d-block" href="#">*/}
-                                                    <span className="d-block font-13 mt-2">My messages</span>
+                                        {/*            <i className="fe fe-mail font-20 text-primary"></i>*/}
-                                                </a>
+                                        {/*            <span className="d-block font-13 mt-2">My messages</span>*/}
-                                            </div>
+                                        {/*        </a>*/}
-                                            <div className="col">
+                                        {/*    </div>*/}
-                                                <a className="bg-light p-3 text-center d-block" href="#">
+                                        {/*    <div className="col">*/}
-                                                    <i className="fe fe-plus font-20 text-primary"></i>
+                                        {/*        <a className="bg-light p-3 text-center d-block" href="#">*/}
-                                                    <span className="d-block font-13 mt-2">Compose new</span>
+                                        {/*            <i className="fe fe-plus font-20 text-primary"></i>*/}
-                                                </a>
+                                        {/*            <span className="d-block font-13 mt-2">Compose new</span>*/}
-                                            </div>
+                                        {/*        </a>*/}
-                                        </div>
+                                        {/*    </div>*/}
+                                        {/*</div>*/}
+
                                     </div>
                                 </div>
                             </li>

src/component/product/ProductProvision.jsx

@@ -12,11 +12,17 @@ export default function ProductProvision(props){
     const productTitle  = props?.productData?.title;
     const productDescription  = props?.productData?.description;
     const productID = props?.productData?.product_id
+    const productUID = props?.productData?.product_uid
     const productSubUID = props?.productData?.product_subscription_uid
 
+    const reqData = {
+        product_id : productID,
+        product_subscription_uid: productSubUID
+    }
+
     const {data:provision, isFetching, isError, error} = useQuery({
         queryKey: queryKeys.myproduct_provision,
-        queryFn: () => productProvision(productID)
+        queryFn: () => productProvision(reqData)
     })
 
     const provisionData = provision?.data?.provision

src/css/mail/_mail.scss

@@ -40,8 +40,10 @@
 	align-items: center;
 }
 .mail-msg{
-	max-height: 747px;
+	max-height: 500px;
-	overflow: hidden;
+	min-height: 400px;
+	// max-height: 747px;
+	overflow-y: auto;
 	outline: none;
 	@include laptop {
 		max-height: 450px;

src/services/services.js

@@ -112,9 +112,9 @@ export const recentActions = () => {
 }
 
 // FUNCTION TO GET MY PRODUCT PROVISION DATA
-export const productProvision = (productID) => {
+export const productProvision = (reqData) => {
-    const reqData = { product_id : productID}
+    const postData = { ...reqData }
-    return getAuxEnd(`/panel/myproduct/provision`,reqData)
+    return getAuxEnd(`/panel/myproduct/provision`, postData)
 }
 
 // FUNCTION TO GET DASHBOARD PRODUCT DATA SECTION