diff --git a/web/core/components/pages/dropdowns/actions.tsx b/web/core/components/pages/dropdowns/actions.tsx index b1746ba229..519786d72e 100644 --- a/web/core/components/pages/dropdowns/actions.tsx +++ b/web/core/components/pages/dropdowns/actions.tsx @@ -21,7 +21,7 @@ import { DeletePageModal } from "@/components/pages"; // helpers import { cn } from "@/helpers/common.helper"; // hooks -import { TPageOperations } from "@/hooks/use-page-operations"; +import { usePageOperations } from "@/hooks/use-page-operations"; // plane web components import { MovePageModal } from "@/plane-web/components/pages"; // store types @@ -45,15 +45,16 @@ type Props = { extraOptions?: (TContextMenuItem & { key: TPageActions })[]; optionsOrder: TPageActions[]; page: IPage; - pageOperations: TPageOperations; parentRef?: React.RefObject; }; export const PageActions: React.FC = observer((props) => { - const { extraOptions, optionsOrder, page, pageOperations, parentRef } = props; + const { extraOptions, optionsOrder, page, parentRef } = props; // states const [deletePageModal, setDeletePageModal] = useState(false); const [movePageModal, setMovePageModal] = useState(false); + // page operations + const { pageOperations } = usePageOperations(page); // derived values const { access, diff --git a/web/core/components/pages/editor/header/options-dropdown.tsx b/web/core/components/pages/editor/header/options-dropdown.tsx index a21a4d4457..1ca5925098 100644 --- a/web/core/components/pages/editor/header/options-dropdown.tsx +++ b/web/core/components/pages/editor/header/options-dropdown.tsx @@ -14,7 +14,6 @@ import { ExportPageModal, PageActions, TPageActions } from "@/components/pages"; import { copyTextToClipboard } from "@/helpers/string.helper"; // hooks import { usePageFilters } from "@/hooks/use-page-filters"; -import { usePageOperations } from "@/hooks/use-page-operations"; import { useQueryParams } from "@/hooks/use-query-params"; // store import { IPage } from "@/store/pages/page"; @@ -30,8 +29,6 @@ export const PageOptionsDropdown: React.FC = observer((props) => { const [isExportModalOpen, setIsExportModalOpen] = useState(false); // router const router = useRouter(); - // page actions - const { pageOperations } = usePageOperations(page); // derived values const { name } = page; // page filters @@ -114,7 +111,6 @@ export const PageOptionsDropdown: React.FC = observer((props) => { "export", ]} page={page} - pageOperations={pageOperations} /> ); diff --git a/web/core/components/pages/list/block-item-action.tsx b/web/core/components/pages/list/block-item-action.tsx index f7090f992e..0d7ee9a2ef 100644 --- a/web/core/components/pages/list/block-item-action.tsx +++ b/web/core/components/pages/list/block-item-action.tsx @@ -24,7 +24,7 @@ export const BlockItemAction: FC = observer((props) => { // store hooks const page = usePage(pageId); const { getUserDetails } = useMember(); - // page actions + // page operations const { pageOperations } = usePageOperations(page); // derived values const { access, created_at, is_favorite, owned_by, canCurrentUserFavoritePage } = page; @@ -77,7 +77,6 @@ export const BlockItemAction: FC = observer((props) => { "delete", ]} page={page} - pageOperations={pageOperations} parentRef={parentRef} />