snapshot of https://github.com/makeplane/plane.git @ d868349a55de79979eb8b98701bf1702c67ad634 (2026-09-15)

apps/web/core/hooks/use-favorite-item-details.tsx

@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) 2023-present Plane Software, Inc. and contributors
+ * SPDX-License-Identifier: AGPL-3.0-only
+ * See the LICENSE file for details.
+ */
+
+// plane imports
+import type { IFavorite } from "@plane/types";
+// components
+import { getPageName } from "@plane/utils";
+import {
+  FavoriteItemIcon,
+  generateFavoriteItemLink,
+} from "@/components/workspace/sidebar/favorites/favorite-items/common";
+// helpers
+// hooks
+import { useCycle } from "@/hooks/store/use-cycle";
+import { useModule } from "@/hooks/store/use-module";
+import { useProject } from "@/hooks/store/use-project";
+import { useProjectView } from "@/hooks/store/use-project-view";
+// plane web hooks
+import { EPageStoreType, usePage } from "@/hooks/store";
+import { useAdditionalFavoriteItemDetails } from "@/hooks/use-additional-favorite-item-details";
+
+export const useFavoriteItemDetails = (workspaceSlug: string, favorite: IFavorite) => {
+  const {
+    entity_identifier: favoriteItemId,
+    entity_data: { logo_props: favoriteItemLogoProps },
+    entity_type: favoriteItemEntityType,
+  } = favorite;
+  const favoriteItemName = favorite?.entity_data?.name || favorite?.name;
+  // store hooks
+  const { getViewById } = useProjectView();
+  const { getProjectById } = useProject();
+  const { getCycleById } = useCycle();
+  const { getModuleById } = useModule();
+  // additional details
+  const { getAdditionalFavoriteItemDetails } = useAdditionalFavoriteItemDetails();
+  // derived values
+  const pageDetail = usePage({
+    pageId: favoriteItemId ?? "",
+    storeType: EPageStoreType.PROJECT,
+  });
+  const viewDetails = getViewById(favoriteItemId ?? "");
+  const cycleDetail = getCycleById(favoriteItemId ?? "");
+  const moduleDetail = getModuleById(favoriteItemId ?? "");
+  const currentProjectDetails = getProjectById(favorite.project_id ?? "");
+
+  let itemIcon;
+  let itemTitle;
+  const itemLink = generateFavoriteItemLink(workspaceSlug.toString(), favorite);
+
+  switch (favoriteItemEntityType) {
+    case "project":
+      itemTitle = currentProjectDetails?.name ?? favoriteItemName;
+      itemIcon = <FavoriteItemIcon type="project" logo={currentProjectDetails?.logo_props || favoriteItemLogoProps} />;
+      break;
+    case "page":
+      itemTitle = getPageName(pageDetail?.name ?? favoriteItemName);
+      itemIcon = <FavoriteItemIcon type="page" logo={pageDetail?.logo_props ?? favoriteItemLogoProps} />;
+      break;
+    case "view":
+      itemTitle = viewDetails?.name ?? favoriteItemName;
+      itemIcon = <FavoriteItemIcon type="view" logo={viewDetails?.logo_props || favoriteItemLogoProps} />;
+      break;
+    case "cycle":
+      itemTitle = cycleDetail?.name ?? favoriteItemName;
+      itemIcon = <FavoriteItemIcon type="cycle" />;
+      break;
+    case "module":
+      itemTitle = moduleDetail?.name ?? favoriteItemName;
+      itemIcon = <FavoriteItemIcon type="module" />;
+      break;
+    default: {
+      const additionalDetails = getAdditionalFavoriteItemDetails(workspaceSlug, favorite);
+      itemTitle = additionalDetails.itemTitle;
+      itemIcon = additionalDetails.itemIcon;
+      break;
+    }
+  }
+
+  return { itemIcon, itemTitle, itemLink };
+};