auto reload the content when we submit a service or confirm a service

frontend/src/views/users/service_modal/ServiceModal.tsx

@@ -20,6 +20,7 @@ export interface ServiceModalProps<T> {
   user: User;
   service?: Service;
   onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+  onServiceConfirmed: (service: Service) => Promise<void>;
   isOpen: boolean;
   serviceStore?: ServiceStore;
   mainStore?: MainStore;
@@ -128,17 +129,16 @@ export class ServiceModal extends React.Component<ServiceModalProps<Service>, {
     );
   }
 
-  handleInformationChecked = () => {
-    this.setState({ informationChecked: !this.state.informationChecked });
-  }
-
   onConfirmationPut = () => {
-    this.props.serviceStore!.doConfirmPut(this.props.service!.id!).then(() => {
-      this.props.mainStore!.displaySuccess('Speichern erfolgreich');
+    if (this.props.onServiceConfirmed != null) {
+      this.props.onServiceConfirmed(this.props.service!).then(() => {
+        this.props.mainStore!.displaySuccess('Speichern erfolgreich');
+      });
+    }
+  }
 
-      // TODO: remove reload (layzness)
-      setTimeout(() => window.location.reload(), 2000);
-    });
+  handleInformationChecked = () => {
+    this.setState({ informationChecked: !this.state.informationChecked });
   }
 
   private updateEndingOrServiceDays = async (current: any, next: any, formik: any) => {

frontend/src/views/users/service_subform/ServiceOverviewTable.tsx

@@ -43,6 +43,14 @@ function onServiceTableSubmit(serviceStore?: ServiceStore, userStore?: UserStore
   };
 }
 
+function confirmService(serviceStore?: ServiceStore, userStore?: UserStore) {
+  return (service: Service) => {
+    return serviceStore!.doConfirmPut(service.id!).then(() => {
+      userStore!.fetchOne(service.user_id);
+    });
+  };
+}
+
 function onServiceAddExpenseSheet(service: Service, expenseSheetStore: ExpenseSheetStore, userStore: UserStore) {
   expenseSheetStore.createAdditional(service.id!).then(value => {
     userStore.fetchOne(service.user_id);
@@ -172,6 +180,7 @@ export default (params: OverviewTableParams) => {
         {getOverviewButtons(service)}
         <ServiceModal
           onSubmit={onServiceTableSubmit(serviceStore, userStore)}
+          onServiceConfirmed={confirmService(serviceStore, userStore)}
           user={user}
           service={service}
           onClose={onModalClose}

frontend/src/views/users/service_subform/ServiceSubform.tsx

@@ -51,8 +51,22 @@ class ServiceSubformInner extends React.Component<Props, ServiceSubformState> {
     this.state = { service_id: undefined, new_service: false };
   }
 
+  submitService = (service: Service) => {
+    return this.props.serviceStore!.post(serviceSchema.cast(service)).then(() => {
+      this.props.userStore!.fetchOne(this.props.user.id);
+    });
+  }
+
+  confirmService = (service: Service) => {
+    return this.props.serviceStore!.doConfirmPut(service.id!).then(() => {
+      this.props.userStore!.fetchOne(service.user_id);
+    });
+  }
+
   render() {
     const { user, serviceStore, mainStore, userStore, serviceSpecificationStore, expenseSheetStore, classes, theme } = this.props;
+    const submitService = this.submitService;
+    const confirmService = this.confirmService;
 
     return (
       <>
@@ -83,7 +97,8 @@ class ServiceSubformInner extends React.Component<Props, ServiceSubformState> {
               Neue Einsatzplanung hinzufügen
             </Button>
             <ServiceModal
-              onSubmit={(service: Service) => serviceStore!.post(serviceSchema.cast(service))}
+              onSubmit={submitService}
+              onServiceConfirmed={confirmService}
               user={user}
               onClose={() => {
                 this.setState({ new_service: false });