fix: indent org unit with no childs and refresh lists on update or ne…

…w item

src/lib/form/useOnSubmit.ts

@@ -11,6 +11,7 @@ import {
 } from './createJsonPatchOperations'
 import { useCreateModel } from './useCreateModel'
 import { usePatchModel } from './usePatchModel'
+import { useQueryClient } from 'react-query'
 
 type OnSubmit<TValues> = FormProps<TValues>['onSubmit']
 
@@ -24,6 +25,7 @@ export const useOnSubmitEdit = <TFormValues extends IdentifiableObject>({
     section,
 }: UseOnSubmitEditOptions) => {
     const patchDirtyFields = usePatchModel(modelId, section.namePlural)
+    const queryClient = useQueryClient()
     const saveAlert = useAlert(
         ({ message }) => message,
         (options) => options
@@ -53,6 +55,9 @@ export const useOnSubmitEdit = <TFormValues extends IdentifiableObject>({
                 message: i18n.t('Saved successfully'),
                 success: true,
             })
+            queryClient.invalidateQueries({
+                queryKey: [{ resource: getSectionPath(section) }],
+            })
             navigate(`/${getSectionPath(section)}`)
         },
         [patchDirtyFields, saveAlert, navigate, section]
@@ -81,6 +86,7 @@ export const useOnSubmitNew = <TFormValues extends ModelWithAttributeValues>({
     section: ModelSection
 }) => {
     const createModel = useCreateModel(section.namePlural)
+    const queryClient = useQueryClient()
     const saveAlert = useAlert(
         ({ message }) => message,
         (options) => options
@@ -107,6 +113,9 @@ export const useOnSubmitNew = <TFormValues extends ModelWithAttributeValues>({
                 message: i18n.t('Created successfully'),
                 success: true,
             })
+            queryClient.invalidateQueries({
+                queryKey: [{ resource: getSectionPath(section) }],
+            })
             navigate(`/${getSectionPath(section)}`)
         },
         [createModel, saveAlert, navigate, section]

src/pages/defaultFormTests.tsx

@@ -5,7 +5,7 @@ export const generateDefaultAddFormTests = ({
 }) => {
     xdescribe(`${componentName} default add form tests`, () => {
         it('should should return to the list view when cancelling', () => {})
-        it('should show a loader while the form is being submitted ', () => {})
+        it('should show a loader while the form is being submitted', () => {})
     })
 }
 

src/pages/organisationUnits/list/OrganisationUnitRow.tsx

@@ -87,7 +87,9 @@ export const OrganisationUnitRow = ({
                                     onClick={row.getToggleExpandedHandler()}
                                 ></Button>
                             </>
-                        ) : null}
+                        ) : (
+                            <span style={{ width: 26 }} />
+                        )}
                         <Checkbox
                             checked={row.getIsSelected()}
                             onChange={({ checked }) =>