fix: fi image selector when there is no image and org unit selectors …

…when there are no org units
dhis2 · Oct 16, 2024 · ea4d691 · ea4d691
1 parent 1795788
commit ea4d691
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/i18n/en.pot b/i18n/en.pot
@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2024-10-15T11:17:07.503Z\n"
-"PO-Revision-Date: 2024-10-15T11:17:07.503Z\n"
+"POT-Creation-Date: 2024-10-16T11:01:15.583Z\n"
+"PO-Revision-Date: 2024-10-16T11:01:15.584Z\n"
 
 msgid "schemas"
 msgstr "schemas"

diff --git a/src/pages/organisationUnits/form/ImageField.tsx b/src/pages/organisationUnits/form/ImageField.tsx
@@ -14,7 +14,8 @@ export function ImageField() {
     const dataEngine = useDataEngine()
     const fieldName = 'image'
     const { input } = useField(fieldName)
-    const currentFile: File | undefined = input.value || undefined
+    const currentFile: { name?: string; id?: string } | undefined =
+        input.value || undefined
 
     const uploadFile = async (fileToUpload: File) => {
         const ADD_NEW_FILE_RESOURCE_MUTATION = {
@@ -93,7 +94,7 @@ export function ImageField() {
                     />
 
                     <FileList>
-                        {currentFile && (
+                        {currentFile?.id && (
                             <FileListItem
                                 key={currentFile?.name}
                                 label={currentFile?.name}

diff --git a/src/pages/organisationUnits/form/OrganisationUnitSelector.tsx b/src/pages/organisationUnits/form/OrganisationUnitSelector.tsx
@@ -4,6 +4,8 @@ import React, { useState } from 'react'
 import { OrganisationUnitField } from '../../../components'
 import { OrganisationUnitFormValue } from '../../../components/form/fields/OrganisationUnitField'
 import classes from './OrganisationUnitSelector.module.css'
+import { useCurrentUserRootOrgUnits } from '../../../lib/user/currentUserStore'
+import { NoticeBox } from '@dhis2/ui'
 
 export function OrganisationUnitSelector() {
     const [selectedOrgUnit, setSelectedOrgUnit] = useState<string | undefined>()
@@ -13,7 +15,9 @@ export function OrganisationUnitSelector() {
             ? setSelectedOrgUnit(orgUnits[0].displayName)
             : setSelectedOrgUnit(undefined)
 
-    return (
+    const userRootOrgUnits = useCurrentUserRootOrgUnits()
+
+    return userRootOrgUnits.length > 0 ? (
         <>
             <div className={classes.selectedOrgUnitBox}>
                 <OrganisationUnitField
@@ -35,5 +39,11 @@ export function OrganisationUnitSelector() {
                 </div>
             )}
         </>
+    ) : (
+        <NoticeBox title={i18n.t('Creating first organisation unit')}>
+            {i18n.t(
+                'This is the first organisation unit and will be created as the root of the hierarchy.'
+            )}
+        </NoticeBox>
     )
 }