refactor: favorites sidebar implementation (#6716)

* chore: code separation for favorites

* chore: error handling

web/ce/constants/index.ts

@@ -2,3 +2,4 @@ export * from "./ai";
 export * from "./estimates";
 export * from "./gantt-chart";
 export * from "./project";
+export * from "./sidebar-favorites";

web/ce/constants/sidebar-favorites.ts

@@ -0,0 +1,41 @@
+import { Briefcase, ContrastIcon, FileText, Layers, LucideIcon } from "lucide-react";
+// plane imports
+import { IFavorite } from "@plane/types";
+import { DiceIcon, FavoriteFolderIcon, ISvgIcons } from "@plane/ui";
+
+export const FAVORITE_ITEM_ICONS: Record<string, React.FC<ISvgIcons> | LucideIcon> = {
+  page: FileText,
+  project: Briefcase,
+  view: Layers,
+  module: DiceIcon,
+  cycle: ContrastIcon,
+  folder: FavoriteFolderIcon,
+};
+
+export const FAVORITE_ITEM_LINKS: {
+  [key: string]: {
+    itemLevel: "project" | "workspace";
+    getLink: (favorite: IFavorite) => string;
+  };
+} = {
+  project: {
+    itemLevel: "project",
+    getLink: () => `issues`,
+  },
+  cycle: {
+    itemLevel: "project",
+    getLink: (favorite) => `cycles/${favorite.entity_identifier}`,
+  },
+  module: {
+    itemLevel: "project",
+    getLink: (favorite) => `modules/${favorite.entity_identifier}`,
+  },
+  view: {
+    itemLevel: "project",
+    getLink: (favorite) => `views/${favorite.entity_identifier}`,
+  },
+  page: {
+    itemLevel: "project",
+    getLink: (favorite) => `pages/${favorite.entity_identifier}`,
+  },
+};

web/ce/hooks/use-additional-favorite-item-details.ts

@@ -0,0 +1,26 @@
+// plane imports
+import { IFavorite } from "@plane/types";
+// components
+import { getFavoriteItemIcon } from "@/components/workspace/sidebar/favorites/favorite-items/common";
+
+export const useAdditionalFavoriteItemDetails = () => {
+  const getAdditionalFavoriteItemDetails = (_workspaceSlug: string, favorite: IFavorite) => {
+    const { entity_type: favoriteItemEntityType } = favorite;
+    const favoriteItemName = favorite?.entity_data?.name || favorite?.name;
+
+    let itemIcon;
+    let itemTitle;
+
+    switch (favoriteItemEntityType) {
+      default:
+        itemTitle = favoriteItemName;
+        itemIcon = getFavoriteItemIcon(favoriteItemEntityType);
+        break;
+    }
+    return { itemIcon, itemTitle };
+  };
+
+  return {
+    getAdditionalFavoriteItemDetails,
+  };
+};