code added

components/layout/sidebar.js

@@ -34,7 +34,9 @@ function Sidebar() {
                         </li>
                         <li
                             className={
-                               ` align-items-center d-flex flex-column justify-content-center`
+                                `${  router.pathname == "/water"
+                                ? "active"
+                                : ""} align-items-center d-flex flex-column justify-content-center`
                             }
                         >
                             <Link href="/water">
@@ -56,7 +58,9 @@ function Sidebar() {
                        
                         <li
                             className={
-                              `align-items-center d-flex flex-column justify-content-center`
+                                `${  router.pathname == "/services"
+                                ? "active"
+                                : ""} align-items-center d-flex flex-column justify-content-center`
                             }
                         >
                             <Link href="/services">

components/widget/InvoiceKPI.js

@@ -16,16 +16,7 @@ function InvoiceKPI({num}) {
                                         <table className="table">
                                             <thead>
                                                 <tr>
-                                                    <th>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </th>
+                                                    
                                                     <th>Client</th>
                                                     <th>Amount</th>
                                                     <th>Status</th>
@@ -34,23 +25,9 @@ function InvoiceKPI({num}) {
                                             </thead>
                                             <tbody>
                                                 <tr>
+                                                    
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/1.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                        
                                                         Weston P. Thomas
                                                     </td>
                                                     <td>₹7000</td>
@@ -62,23 +39,9 @@ function InvoiceKPI({num}) {
                                                     <td>February 16, 2021</td>
                                                 </tr>
                                                 <tr>
+                                                    
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/2.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                       
                                                         William D. Gibson
                                                     </td>
                                                     <td>₹650</td>
@@ -93,23 +56,9 @@ function InvoiceKPI({num}) {
 
                                                
                                                 <tr>
+                                                    
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/5.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                      
                                                         Terry P. Camacho
                                                     </td>
                                                     <td>₹465</td>
@@ -121,25 +70,25 @@ function InvoiceKPI({num}) {
                                                     <td>November 26, 2021</td>
                                                 </tr>
 
+                                                <tr>
+                                                    
+                                                    <td>
+                                                      
+                                                        Terry P. Camacho
+                                                    </td>
+                                                    <td>₹465</td>
+                                                    <td>
+                                                        <span className="badge px-3 py-2 bg-danger">
+                                                            Cancel
+                                                        </span>
+                                                    </td>
+                                                    <td>November 26, 2021</td>
+                                                </tr>
                                                 {num?<React.Fragment>
                                                     <tr>
+                                                   
                                                     <td>
-                                                        <div className="form-check">
-                                                            <input
-                                                                className="form-check-input"
-                                                                type="checkbox"
-                                                                value=""
-                                                                id="flexCheckDefault"
-                                                            />
-                                                        </div>
-                                                    </td>
-                                                    <td>
-                                                        <img
-                                                            src="/images/avatar/5.jpg"
-                                                            alt=""
-                                                            width="30"
-                                                            className="me-2"
-                                                        />
+                                                      
                                                         Terry P. Camacho
                                                     </td>
                                                     <td>₹645</td>

components/widget/PaymentAddKPI.js

@@ -36,7 +36,7 @@ function PaymentAddKPI() {
                         </div>
                     </div>
 
-                    <div>
+                    <div className='pb-1'>
                     <button className='btn bg-primary br-btn'>Proceed</button>
                     </div>