fix(app-headless-cms): do not allow to change plugin models (#2769)

webiny · Jan 10, 2023 · c202971 · c202971
1 parent ebc5d53
commit c202971
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/packages/app-headless-cms/src/admin/graphql/contentModels.ts b/packages/app-headless-cms/src/admin/graphql/contentModels.ts
@@ -56,6 +56,7 @@ export const MODEL_FIELDS = `
     fields {
         ${FIELDS_FIELDS}
     }
+    plugin
 `;
 /**
  * ############################

diff --git a/packages/app-headless-cms/src/admin/views/contentEntries/ContentEntriesList.tsx b/packages/app-headless-cms/src/admin/views/contentEntries/ContentEntriesList.tsx
@@ -16,6 +16,7 @@ import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
 import { Cell, Grid } from "@webiny/ui/Grid";
 import { Scrollbar } from "@webiny/ui/Scrollbar";
 import { Select } from "@webiny/ui/Select";
+import { Tooltip } from "@webiny/ui/Tooltip";
 import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
 import { ReactComponent as FilterIcon } from "@webiny/app-admin/assets/icons/filter-24px.svg";
 import SearchUI from "@webiny/app-admin/components/SearchUI";
@@ -57,6 +58,11 @@ const listItemMinHeight = css({
     minHeight: "66px !important"
 });
 
+const disabled = css({
+    color: "rgba(0, 0, 0, 0.54)",
+    cursor: "default"
+});
+
 const ContentEntriesList: React.FC = () => {
     const {
         contentModel,
@@ -152,9 +158,22 @@ const ContentEntriesList: React.FC = () => {
                     <Typography use={"subtitle1"}>
                         <ModelId>
                             Model ID:{" "}
-                            <Link to={`/cms/content-models/${contentModel.modelId}`}>
-                                {contentModel.modelId}
-                            </Link>
+                            {contentModel.plugin ? (
+                                <Tooltip
+                                    content={t`Content model is registered via a plugin.`}
+                                    placement={"top"}
+                                >
+                                    <Link to="#" className={disabled}>
+                                        {contentModel.modelId}
+                                    </Link>
+                                </Tooltip>
+                            ) : (
+                                <Tooltip content={t`Edit content model`} placement={"top"}>
+                                    <Link to={`/cms/content-models/${contentModel.modelId}`}>
+                                        {contentModel.modelId}
+                                    </Link>
+                                </Tooltip>
+                            )}
                         </ModelId>
                     </Typography>
                 </span>