hide history action menu for can-view role (#1001)

apps/client/src/features/page-history/components/history-list.tsx

@@ -17,6 +17,13 @@ import {
 import { modals } from "@mantine/modals";
 import { notifications } from "@mantine/notifications";
 import { useTranslation } from "react-i18next";
+import { useSpaceAbility } from "@/features/space/permissions/use-space-ability.ts";
+import { useSpaceQuery } from "@/features/space/queries/space-query.ts";
+import { useParams } from "react-router-dom";
+import {
+  SpaceCaslAction,
+  SpaceCaslSubject,
+} from "@/features/space/permissions/permissions.type.ts";
 
 interface Props {
   pageId: string;
@@ -36,6 +43,11 @@ function HistoryList({ pageId }: Props) {
   const [mainEditorTitle] = useAtom(titleEditorAtom);
   const [, setHistoryModalOpen] = useAtom(historyAtoms);
 
+  const { spaceSlug } = useParams();
+  const { data: space } = useSpaceQuery(spaceSlug);
+  const spaceRules = space?.membership?.permissions;
+  const spaceAbility = useSpaceAbility(spaceRules);
+
   const confirmModal = () =>
     modals.openConfirmModal({
       title: t("Please confirm your action"),
@@ -103,8 +115,12 @@ function HistoryList({ pageId }: Props) {
           ))}
       </ScrollArea>
 
+      {spaceAbility.cannot(
+        SpaceCaslAction.Manage,
+        SpaceCaslSubject.Page,
+      ) ? null : (
+        <>
           <Divider />
-
           <Group p="xs" wrap="nowrap">
             <Button size="compact-md" onClick={confirmModal}>
               {t("Restore")}
@@ -117,6 +133,8 @@ function HistoryList({ pageId }: Props) {
               {t("Cancel")}
             </Button>
           </Group>
+        </>
+      )}
     </div>
   );
 }