FIX: Add an error message screen when model fails to load (#1655)

* Added empty string to avoid undefined type

* Remove: empty object declaration

* Remove: unused model type

* task: removed unused imports

* fix: show an the not found message when model content is not loaded

* task: revert change

* task: show error message when models fail to load

* task: revert change

* task: use modelZUID on url param

* chore: removed log

* chore: revert change

---------

Co-authored-by: Nar Cuenca <[email protected]>

Author: JacobDiazCruz

src/apps/content-editor/src/app/components/Editor/Editor.js

@@ -14,6 +14,7 @@ export default memo(function Editor({
   model,
   onSave,
   itemZUID,
+  modelZUID,
 }) {
   const dispatch = useDispatch();
   const isNewItem = itemZUID.slice(0, 3) === "new";
@@ -170,7 +171,7 @@ export default memo(function Editor({
           <h1 className={styles.Display}>No fields have been added</h1>
           <h2 className={styles.SubHead}>
             Use the{" "}
-            <AppLink to={`/schema/${model.ZUID}`}>Schema Builder</AppLink> to
+            <AppLink to={`/schema/${modelZUID}`}>Schema Builder</AppLink> to
             define your items content
           </h2>
         </div>

src/apps/content-editor/src/app/views/ItemEdit/Content/Actions/Actions.js

@@ -15,9 +15,6 @@ import { WidgetDeleteItem } from "./Widgets/WidgetDeleteItem";
 import { ContentLinks } from "./Widgets/ContentLinks";
 import { ContentInfo } from "./Widgets/ContentInfo";
 
-import { Release } from "./Widgets/Release";
-
-import styles from "./Actions.less";
 export function Actions(props) {
   if (!props.item.meta || !props.item.web) {
     console.error("Actions:missing item");
@@ -29,7 +26,6 @@ export function Actions(props) {
   const canUpdate = usePermission("UPDATE");
   const domain = useDomain();
 
-  const { type } = props.model;
   const { publishing, scheduling, siblings } = props.item;
   const { listed, sort, updatedAt, version } = props.item.meta;
   const { path, metaTitle, metaLinkText } = props.item.web;
@@ -107,7 +103,6 @@ export function Actions(props) {
           itemZUID={props.itemZUID}
           modelZUID={props.modelZUID}
           metaTitle={metaTitle}
-          modelType={type}
         />
       )}
     </Fragment>

src/apps/content-editor/src/app/views/ItemEdit/Content/Content.js

@@ -51,6 +51,7 @@ export default function Content(props) {
             dispatch={props.dispatch}
             isDirty={props.item.dirty}
             onSave={props.onSave}
+            modelZUID={props.modelZUID}
           />
         </div>