Fix: Dataset items header menu updates (#2297)

* task: hide preview menu for dataset items

* task: hide view site generators for dataset items

Author: finnar-bin

src/apps/content-editor/src/app/views/ItemEdit/components/ItemEditHeader/MoreMenu.tsx

@@ -30,6 +30,7 @@ import { ApiType } from "../../../../../../../schema/src/app/components/ModelApi
 import { useGetDomainsQuery } from "../../../../../../../../shell/services/accounts";
 import { useFilePath } from "../../../../../../../../shell/hooks/useFilePath";
 import { DeleteItemDialog } from "./DeleteItemDialog";
+import { useGetContentModelsQuery } from "../../../../../../../../shell/services/instance";
 
 export const MoreMenu = () => {
   const { modelZUID, itemZUID } = useParams<{
@@ -51,6 +52,9 @@ export const MoreMenu = () => {
   const instance = useSelector((state: AppState) => state.instance);
   const { data: domains } = useGetDomainsQuery();
   const codePath = useFilePath(modelZUID);
+  const { data: contentModels } = useGetContentModelsQuery();
+  const type =
+    contentModels?.find((model) => model.ZUID === modelZUID)?.type ?? "";
 
   const handleCopyClick = (data: string) => {
     navigator?.clipboard
@@ -132,18 +136,20 @@ export const MoreMenu = () => {
           View Quick Access API
           <KeyboardArrowRightRounded color="action" sx={{ ml: "auto" }} />
         </MenuItem>
-        <MenuItem
-          onClick={(event) => {
-            setShowApiEndpoints(event.currentTarget);
-            setApiEndpointType("site-generators");
-          }}
-        >
-          <ListItemIcon>
-            <DataObjectRounded />
-          </ListItemIcon>
-          View Site Generators API
-          <KeyboardArrowRightRounded color="action" sx={{ ml: "auto" }} />
-        </MenuItem>
+        {type !== "dataset" && (
+          <MenuItem
+            onClick={(event) => {
+              setShowApiEndpoints(event.currentTarget);
+              setApiEndpointType("site-generators");
+            }}
+          >
+            <ListItemIcon>
+              <DataObjectRounded />
+            </ListItemIcon>
+            View Site Generators API
+            <KeyboardArrowRightRounded color="action" sx={{ ml: "auto" }} />
+          </MenuItem>
+        )}
         <MenuItem
           onClick={() => {
             history.push(`/schema/${modelZUID}`);

src/apps/content-editor/src/app/views/ItemEdit/components/ItemEditHeader/index.tsx

@@ -30,6 +30,7 @@ import { useState } from "react";
 import { PreviewMenu } from "./PreviewMenu";
 import { styled } from "@mui/system";
 import { useGetInstalledAppsQuery } from "../../../../../../../../shell/services/accounts";
+import { useGetContentModelsQuery } from "../../../../../../../../shell/services/instance";
 
 const tabs = [
   {
@@ -88,12 +89,16 @@ export const ItemEditHeader = ({ saving, onSave }: HeaderProps) => {
   const history = useHistory();
   const [showDuplicateItemDialog, setShowDuplicateItemDialog] = useState(false);
   const { data: installedApps } = useGetInstalledAppsQuery();
+  const { data: contentModels } = useGetContentModelsQuery();
 
   const item = useSelector(
     (state: AppState) =>
       state.content[itemZUID] as ContentItemWithDirtyAndPublishing
   );
 
+  const type =
+    contentModels?.find((model) => model.ZUID === modelZUID)?.type ?? "";
+
   const layoutsAppInstalled = installedApps?.find(
     (app) => app.appZUID === "80-d8abaff6ef-wxs830"
   );
@@ -160,7 +165,7 @@ export const ItemEditHeader = ({ saving, onSave }: HeaderProps) => {
               >
                 <ContentCopyRounded fontSize="small" />
               </IconButton>
-              <PreviewMenu />
+              {type !== "dataset" && <PreviewMenu />}
               <ItemEditHeaderActions saving={saving} onSave={onSave} />
             </Box>
           </Box>