ui imrpovement, system parameter, navbar

src/components/Dashboard/CSS/CSS/UserMaintainanceView.css

@@ -1,3 +1,5 @@
+
+
 .table-responsive{
     box-shadow: 2px 2px 6px -1px grey;
 

src/components/Dashboard/MenuMaintenance.js

@@ -559,7 +559,7 @@ function MenuMaintenance() {
   console.log("sliced menu", slicedMenus); // Verify the data in slicedMenus
 
   return (
-    <div style={{ marginTop: "11rem" }}>
+    <div style={{ marginTop: "-20px" }}>
       {loading ? (
         <Spinner />
       ) : (
@@ -852,7 +852,7 @@ function MenuMaintenance() {
             </Table>
           </div>
 
-          
+
 
           {/* Manage Columns & Records Per Page */}
           <Row className="mt-4">

src/components/Dashboard/SetupView.js

@@ -1,4 +1,4 @@
-import React,{useState,useEffect} from "react";
+import React, { useState, useEffect } from "react";
 import "../Dashboard/CSS/CSS/SetupView.css"; // Assuming you have a CSS file for styling
 import { useNavigate } from "react-router-dom";
 import Spinner from '../../UIComponants/Spinner';
@@ -38,75 +38,75 @@ function SetupView({
         <Spinner /> // Display the spinner while loading
       ) : (
         <div className="usercards-container">
-      <div className="usercards">
-        <div
-          className="usercard"
-          onClick={() => {
-            console.log("User Maintenance card clicked");
-            console.log("Navigating to:", "/admin/user-maintenance");
+          <div className="usercards">
+            <div
+              className="usercard"
+              onClick={() => {
+                console.log("User Maintenance card clicked");
+                console.log("Navigating to:", "/admin/user-maintenance");
 
-            navigate("/admin/user-maintenance");
-          }}
-          // onClick={onUserMaintenanceClick}
-        >
-          <i className="fa fa-user-cog card-icon"></i>
-          <h3>User Maintenance</h3>
-          <p>Content for Card 1</p>
-        </div>
-        <div
-          className="usercard"
-          onClick={() => {
-            navigate("/admin/menu-access-control");
-            // navigate("/admin/menu-access-control2")
-          }}
-        >
-          <i className="fa-solid fa-lock"></i>
-          <h3>Menu Access Control</h3>
-          <p>Content for Card 2</p>
-        </div>
-        <div className="usercard"  onClick={() => {
-            navigate("/admin/user-Group-Maintenance");
-          }}>
-          <i className="fa-solid fa-users"></i>
-          <h3>User Group Maintenance</h3>
-          <p>Content for Card 3</p>
-        </div>
-        <div className="usercard" onClick={() => {
-            navigate("/admin/system-parameter");
-          }}>
-          <i className="fa-solid fa-gears"></i>
-          <h3>System Parameter</h3>
-          <p>Content for Card 4</p>
-        </div>
-        <div className="usercard" onClick={() => {
-            navigate("/admin/menu-maintenance");
-          }}>
-          <i className="fa-solid fa-utensils"></i>
-          <h3>Menu Maintenance</h3>
-          <p>Content for Card 5</p>
-        </div>
-        <div className="usercard" onClick={() => {
-            navigate("/admin/access-type");
-          }}>
-          <i className="fa-solid fa-key"></i>
-          <h3>Access Type</h3>
-          <p>Content for Card 6</p>
-        </div>
-        <div className="usercard" onClick={()=>{
-          navigate("/admin/api-registry")
-        }}>
-          <i className="fas fa-database"></i>
-          <h3>API Registry</h3>
-          <p>Content for Card 7</p>
-        </div>
-        <div className="usercard" onClick={()=>{
-          navigate("/admin/token-registry")
-        }}>
-          <i className="fas fa-key"></i>
-          <h3>Token Registry</h3>
-          <p>Content for Card 8</p>
-        </div>
-        {/* <div className="usercard" onClick={()=>{
+                navigate("/admin/user-maintenance");
+              }}
+            // onClick={onUserMaintenanceClick}
+            >
+              <i className="fa fa-user-cog card-icon"></i>
+              <h3>User Maintenance</h3>
+              <p>Content for Card 1</p>
+            </div>
+            <div
+              className="usercard"
+              onClick={() => {
+                navigate("/admin/menu-access-control");
+                // navigate("/admin/menu-access-control2")
+              }}
+            >
+              <i className="fa-solid fa-lock"></i>
+              <h3>Menu Access Control</h3>
+              <p>Content for Card 2</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/user-Group-Maintenance");
+            }}>
+              <i className="fa-solid fa-users"></i>
+              <h3>User Group Maintenance</h3>
+              <p>Content for Card 3</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/system-parameter");
+            }}>
+              <i className="fa-solid fa-gears"></i>
+              <h3>System Parameter</h3>
+              <p>Content for Card 4</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/menu-maintenance");
+            }}>
+              <i className="fa-solid fa-utensils"></i>
+              <h3>Menu Maintenance</h3>
+              <p>Content for Card 5</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/access-type");
+            }}>
+              <i className="fa-solid fa-key"></i>
+              <h3>Access Type</h3>
+              <p>Content for Card 6</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/api-registry")
+            }}>
+              <i className="fas fa-database"></i>
+              <h3>API Registry</h3>
+              <p>Content for Card 7</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/token-registry")
+            }}>
+              <i className="fas fa-key"></i>
+              <h3>Token Registry</h3>
+              <p>Content for Card 8</p>
+            </div>
+            {/* <div className="usercard" onClick={()=>{
           navigate("/admin/datatype-1")
         }}>
           <i className="fa fa-file"></i>
@@ -176,27 +176,27 @@ function SetupView({
           <h3>Premium Datatypes</h3>
           <p>Content for Card 18</p>
         </div> */}
-        <div className="usercard" onClick={()=>{
-          navigate("/admin/user-report")
-        }}>
-          <i className="fa fa-file"></i>
-          <h3>Reports</h3>
-          <p>Report Description</p>
-        </div>
-        <div className="usercard" onClick={()=>{
-          navigate("/admin/dynamic-form")
-        }}>
-          <i className="fa fa-file"></i>
-          <h3>DynamicForm</h3>
-          <p>Content for Card 16</p>
-        </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/user-report")
+            }}>
+              <i className="fa fa-file"></i>
+              <h3>Reports</h3>
+              <p>Report Description</p>
+            </div>
+            <div className="usercard" onClick={() => {
+              navigate("/admin/dynamic-form")
+            }}>
+              <i className="fa fa-file"></i>
+              <h3>DynamicForm</h3>
+              <p>Content for Card 16</p>
+            </div>
 
-      </div>
-    </div>
+          </div>
+        </div>
       )}
     </div>
 
-   
+
   );
 }
 

src/components/Dashboard/SystemParameter.js

@@ -154,32 +154,32 @@ import {getSysParameter,addSysParameter} from "../../APIServices/Systemparameter
 
 const SystemParameterForm = () => {
   const [formData, setFormData] = useState({
-    schedulerTimer: "",
+    schedulerTime: "",
     leaseTaxCode: "",
-    vesselConfirmationProcessLimit: "",
+    vesselConfProcessLimit: "",
     rowToDisplay: "",
     linkToDisplay: "",
     rowToAdd: "",
     lovRowToDisplay: "",
     lovLinkToDisplay: "",
-    oldServerName: "",
-    oldBase: "",
-    oldAdminUser: "",
-    oldServerPort: "",
+    oidserverName: "",
+    oidBase: "",
+    oidAdminUser: "",
+    oidServerPort: "",
     userDefaultGroup: "",
     defaultDepartment: "",
     defaultPosition: "",
     singleCharge: "",
-    firstDayOfWeek: "",
+    firstDayOftheWeek: "",
     hourPerShift: "",
     cnBillingFrequency: "",
     billingDepartmentCode: "",
     basePriceList: "",
-    nonContainerServiceOrderAutoApprovalDeptCode: "",
-    ediMAESchedulerOnOff: "",
-    ediSchedulerOnOff: "",
-    logo: null,
-    companyDisplayName: "",
+    nonContainerServiceOrder: "",
+    ediMaeSchedulerONOFF: "",
+    ediSchedulerONOFF: "",
+    upload_Logo: null,
+    company_Display_Name: "",
   });
   const [loading, setLoading] = useState(true);
 
@@ -216,6 +216,7 @@ const SystemParameterForm = () => {
     event.preventDefault();
 
     try {
+        console.log("Form Data:", formData);
         const sysParamData = await addSysParameter(formData);
         console.log("API Response:", sysParamData);
 
@@ -290,7 +291,7 @@ const SystemParameterForm = () => {
             </Row>
 
             {Object.keys(formData).map((key, index) =>
-              key !== "logo" ? (
+              key !== "upload_Logo" ? (
                 <Row className="mb-3" key={index}>
                   <Col xs={6} className="d-flex align-items-center">
                     <Form.Label className="mb-0">

src/components/Dashboard/UserMaintenanceView.js

@@ -579,23 +579,23 @@ function UserMaintenanceView() {
   .slice((currentPage - 1) * recordsPerPage, currentPage * recordsPerPage);
   
   return (
-    <div style={{marginTop:"11rem"}}>
+    <div style={{marginTop:"8rem"}}>
       {loading ? (
         <Spinner/>
       ):(
         <div className="container-fluid mt-5">
       {/* Header */}
-      <div className="d-flex justify-content-between align-items-center mb-4">
+      <div className="d-flex justify-content-between align-items-center mb-0">
         <h1 className="title_main">User Maintenance</h1>
       </div>
 
-      <Row className="align-items-center my-3">
+      <Row className="align-items-center my-1">
         {/* Left: Search Bar */}
         <Col
           xs={12}
           md={8}
           lg={6}
-          className="d-flex justify-content-center my-3"
+          className="d-flex justify-content-center my-2"
         >
           <InputGroup
             className="search-bar"