handle loading of anatomy

Author: martastain

src/containers/AnatomyEditor.jsx

@@ -42,12 +42,16 @@ const AnatomyEditor = ({
 
   const { data: schema } = useGetAnatomySchemaQuery()
 
-  const { data: anatomyPresetData } = useGetAnatomyPresetQuery({ preset }, { skip: !preset })
-  const { data: projectAnatomyData } = useGetProjectAnatomyQuery(
+  const { data: anatomyPresetData, isLoading: presetLoading } = useGetAnatomyPresetQuery(
+    { preset },
+    { skip: !preset },
+  )
+  const { data: projectAnatomyData, isLoading: prjLoading } = useGetProjectAnatomyQuery(
     { projectName },
     { skip: !projectName },
   )
   const dispatch = useDispatch()
+  const isLoading = presetLoading || prjLoading
 
   useEffect(() => {
     if (!anatomyPresetData) return
@@ -89,6 +93,10 @@ const AnatomyEditor = ({
     }
   }
 
+  if (isLoading) {
+    return 'Loading...'
+  }
+
   if (!(preset || projectName)) return 'No preset or project selected'
   if (preset && projectName) return 'Select either preset or project'
   if (!(schema && originalData)) return null