LFFE-1 add disabled condition

src/components/dashboard/change-password/index.jsx

@@ -133,7 +133,7 @@ const DashboardChangePasswordComponent = () => {
                                             variant="contained"
                                             color="primary"
                                             size="large"
-                                            disabled={props.isSubmitting}
+                                            disabled={props.isSubmitting || !props.dirty || !props.isValid}
                                         >
                                             {props.isSubmitting
                                                 ? t("SubmitButton.button_while_submit")

src/components/dashboard/commercial-chief/Form/RejectForm.jsx

@@ -135,7 +135,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/commercial-chief/index.jsx

@@ -124,6 +124,7 @@ function DashboardCommercialChiefComponent() {
         ],
         []
     );
+
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/development-assistant/Form/RejectForm.jsx

@@ -135,7 +135,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/development-assistant/index.jsx

@@ -125,6 +125,7 @@ function DashboardDevelopmentAssistantComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/expert-management/Form/ChangePassword/ChangePasswordContent.jsx

@@ -81,7 +81,7 @@ const ChnagePasswordContent = ({rowId, fetchUrl, mutate, setOpenChangePasswordDi
                     {t("ExpertMangement.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("ExpertMangement.button-confirm")}
                 </Button>
             </DialogActions>

src/components/dashboard/expert-management/Form/CreateForm/CreateContent.jsx

@@ -374,7 +374,7 @@ const CreateContent = ({setOpenCreateDialog, mutate, fetchUrl}) => {
                     {t("ExpertMangement.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("ExpertMangement.button-confirm")}
                 </Button>
             </DialogActions>

src/components/dashboard/expert-management/Form/UpdateForm/UpdateContent.jsx

@@ -332,7 +332,7 @@ const UpdateContent = ({row, fetchUrl, mutate, setOpenUpdateDialog}) => {
                     {t("ExpertMangement.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("ExpertMangement.button-confirm")}
                 </Button>
             </DialogActions>

src/components/dashboard/expert-management/index.jsx

@@ -138,6 +138,7 @@ function DashboardExpertManagementComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/inspector-expert/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/inspector-expert/Form/ReviseForm.jsx

@@ -93,7 +93,7 @@ const Revise = ({rowId, fetchUrl, mutate}) => {
                         {t("ReviseDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("ReviseDialog.button-revise")}
                     </Button>
                 </DialogActions>

src/components/dashboard/inspector-expert/index.jsx

@@ -124,6 +124,7 @@ function DashboardInspectorExpertComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/machinary-office/Form/ConfirmForm.jsx

@@ -176,7 +176,7 @@ const Confirm = ({rowId, fetchUrl, mutate}) => {
                         {t("ConfirmDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("ConfirmDialog.button-confirm")}
                     </Button>
                 </DialogActions>

src/components/dashboard/machinary-office/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/machinary-office/index.jsx

@@ -155,6 +155,7 @@ function DashboardMachinaryOfficeComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/navgan-loan-management/Form/UpdateForm.jsx

@@ -136,7 +136,7 @@ const Update = ({rowId, fetchUrl, mutate}) => {
                         {t("UpdateDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("UpdateDialog.button-update")}
                     </Button>
                 </DialogActions>

src/components/dashboard/navgan-loan-management/index.jsx

@@ -134,6 +134,7 @@ function DashboardNavganLoanManagementComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/navgan-province-manager/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/navgan-province-manager/index.jsx

@@ -156,6 +156,7 @@ function DashboardNavganProvinceManagerComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx

@@ -178,7 +178,7 @@ const Confirm = ({rowId, fetchUrl, mutate}) => {
                         {t("ConfirmDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("ConfirmDialog.button-confirm")}
                     </Button>
                 </DialogActions>

src/components/dashboard/passenger-boss/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/passenger-boss/index.jsx

@@ -156,6 +156,7 @@ function DashboardPassengerOfficeComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/passenger-office/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/passenger-office/index.jsx

@@ -156,6 +156,7 @@ function DashboardPassengerOfficeComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/province-head-expert/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/province-head-expert/Form/ReviceForm.jsx

@@ -97,7 +97,7 @@ const Revise = ({rowId, fetchUrl, mutate}) => {
                         {t("ReviseDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("ReviseDialog.button-revise")}
                     </Button>
                 </DialogActions>

src/components/dashboard/province-head-expert/index.jsx

@@ -125,6 +125,7 @@ function DashboardProvinceHeadExpertComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/refahi-loan-management/Form/UpdateForm.jsx

@@ -136,7 +136,7 @@ const Update = ({rowId, fetchUrl, mutate}) => {
                         {t("UpdateDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("UpdateDialog.button-update")}
                     </Button>
                 </DialogActions>

src/components/dashboard/refahi-loan-management/index.jsx

@@ -134,6 +134,7 @@ function DashboardRefahiLoanManagementComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/refahi-province-manager/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/refahi-province-manager/index.jsx

@@ -125,6 +125,7 @@ function DashboardRefahiProvinceManagerComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/role-management/Form/CreateForm/CreateContent.jsx

@@ -127,7 +127,7 @@ const CreateContent = ({mutate, fetchUrl, setOpenConfirmDialog}) => {
                     {t("AddDialog.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("AddDialog.button-add")}
                 </Button>
             </DialogActions>

src/components/dashboard/role-management/Form/UpdateForm.jsx

@@ -146,7 +146,7 @@ const UpdateForm = ({row, fetchUrl, mutate}) => {
                     {t("UpdateDialog.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("UpdateDialog.button-update")}
                 </Button>
             </DialogActions>

src/components/dashboard/transportation-assistance/Form/RejectForm.jsx

@@ -137,7 +137,7 @@ const Reject = ({rowId, fetchUrl, mutate}) => {
                         {t("RejectDialog.button-cancel")}
                     </Button>
                     <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                            disabled={formik.isSubmitting}>
+                            disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                         {t("RejectDialog.button-reject")}
                     </Button>
                 </DialogActions>

src/components/dashboard/transportation-assistance/index.jsx

@@ -156,6 +156,7 @@ function DashboardTransportationAssistanceComponent() {
         ],
         []
     );
+    
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>

src/components/dashboard/user-management/Form/CreateForm/CreateContent.jsx

@@ -153,7 +153,7 @@ const CreateContent = ({mutate, fetchUrl, setOpenConfirmDialog}) => {
                     {t("AddDialog.button-cancel")}
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
-                        disabled={formik.isSubmitting}>
+                        disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
                     {t("AddDialog.button-add")}
                 </Button>
             </DialogActions>

src/components/login-expert/index.jsx

@@ -120,7 +120,7 @@ const LoginComponent = () => {
                                                     fullWidth
                                                     size="medium"
                                                     endIcon={<LoginIcon/>}
-                                                    disabled={props.isSubmitting}
+                                                    disabled={props.isSubmitting || !props.dirty || !props.isValid}
                                                 >
                                                     {t("LoginPage.button_submit")}
                                                 </Button>