chore: move FavoriteStar component to ui package (#4834)

* chore: move favorite star to ui package

* Update yarn.lock

---------

Co-authored-by: Satish Gandham <satish.iitg@gmail.com>

web/core/components/core/favorite-star.tsx

@@ -1,28 +0,0 @@
-import { Star } from "lucide-react";
-// helpers
-import { cn } from "@/helpers/common.helper";
-
-type Props = {
-  buttonClassName?: string;
-  iconClassName?: string;
-  onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-  selected: boolean;
-};
-
-export const FavoriteStar: React.FC<Props> = (props) => {
-  const { buttonClassName, iconClassName, onClick, selected } = props;
-
-  return (
-    <button type="button" className={cn("h-4 w-4 grid place-items-center", buttonClassName)} onClick={onClick}>
-      <Star
-        className={cn(
-          "h-4 w-4 text-custom-text-300 transition-all",
-          {
-            "fill-yellow-500 stroke-yellow-500": selected,
-          },
-          iconClassName
-        )}
-      />
-    </button>
-  );
-};

web/core/components/core/index.ts

@@ -3,7 +3,6 @@ export * from "./modals";
 export * from "./multiple-select";
 export * from "./sidebar";
 export * from "./activity";
-export * from "./favorite-star";
 export * from "./theme";
 export * from "./image-picker-popover";
 export * from "./page-title";

web/core/components/cycles/active-cycle/upcoming-cycles-list-item.tsx

@@ -6,9 +6,8 @@ import Link from "next/link";
 import { useParams } from "next/navigation";
 import { Users } from "lucide-react";
 // ui
-import { Avatar, AvatarGroup, setPromiseToast } from "@plane/ui";
+import { Avatar, AvatarGroup, FavoriteStar, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { CycleQuickActions } from "@/components/cycles";
 // constants
 import { CYCLE_FAVORITED, CYCLE_UNFAVORITED } from "@/constants/event-tracker";

web/core/components/cycles/board/cycles-board-card.tsx

@@ -8,9 +8,8 @@ import { CalendarCheck2, CalendarClock, Info, MoveRight } from "lucide-react";
 // types
 import type { TCycleGroups } from "@plane/types";
 // ui
-import { Avatar, AvatarGroup, Tooltip, LayersIcon, CycleGroupIcon, setPromiseToast } from "@plane/ui";
+import { Avatar, AvatarGroup, Tooltip, LayersIcon, CycleGroupIcon, setPromiseToast, FavoriteStar } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { CycleQuickActions } from "@/components/cycles";
 // constants
 import { CYCLE_STATUS } from "@/constants/cycle";

web/core/components/cycles/list/cycle-list-item-action.tsx

@@ -6,9 +6,8 @@ import { CalendarCheck2, CalendarClock, MoveRight, Users } from "lucide-react";
 // types
 import { ICycle, TCycleGroups } from "@plane/types";
 // ui
-import { Avatar, AvatarGroup, Tooltip, setPromiseToast } from "@plane/ui";
+import { Avatar, AvatarGroup, FavoriteStar, Tooltip, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { CycleQuickActions } from "@/components/cycles";
 import { ButtonAvatars } from "@/components/dropdowns/member/avatar";
 // constants

web/core/components/modules/module-card-item.tsx

@@ -6,9 +6,8 @@ import Link from "next/link";
 import { useParams, usePathname, useSearchParams } from "next/navigation";
 import { CalendarCheck2, CalendarClock, Info, MoveRight, SquareUser } from "lucide-react";
 // ui
-import { LayersIcon, Tooltip, setPromiseToast } from "@plane/ui";
+import { FavoriteStar, LayersIcon, Tooltip, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { ButtonAvatars } from "@/components/dropdowns/member/avatar";
 import { ModuleQuickActions } from "@/components/modules";
 // constants

web/core/components/modules/module-list-item-action.tsx

@@ -8,9 +8,8 @@ import { CalendarCheck2, CalendarClock, MoveRight, SquareUser } from "lucide-rea
 // types
 import { IModule } from "@plane/types";
 // ui
-import { Tooltip, setPromiseToast } from "@plane/ui";
+import { FavoriteStar, Tooltip, setPromiseToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { ModuleQuickActions } from "@/components/modules";
 // constants
 import { MODULE_FAVORITED, MODULE_UNFAVORITED } from "@/constants/event-tracker";

web/core/components/pages/list/block-item-action.tsx

@@ -4,9 +4,8 @@ import React, { FC } from "react";
 import { observer } from "mobx-react";
 import { Earth, Info, Lock, Minus } from "lucide-react";
 // ui
-import { Avatar, TOAST_TYPE, Tooltip, setToast } from "@plane/ui";
+import { Avatar, FavoriteStar, TOAST_TYPE, Tooltip, setToast } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { PageQuickActions } from "@/components/pages/dropdowns";
 // helpers
 import { renderFormattedDate } from "@/helpers/date-time.helper";

web/core/components/project/card.tsx

@@ -18,10 +18,10 @@ import {
   setPromiseToast,
   ContextMenu,
   TContextMenuItem,
+  FavoriteStar,
 } from "@plane/ui";
 // components
 import { Logo } from "@/components/common";
-import { FavoriteStar } from "@/components/core";
 import { ArchiveRestoreProjectModal, DeleteProjectModal, JoinProjectModal } from "@/components/project";
 // constants
 import { EUserProjectRoles } from "@/constants/project";

web/core/components/views/view-list-item-action.tsx

@@ -3,8 +3,9 @@ import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // types
 import { IProjectView } from "@plane/types";
+// ui
+import { FavoriteStar } from "@plane/ui";
 // components
-import { FavoriteStar } from "@/components/core";
 import { DeleteProjectViewModal, CreateUpdateProjectViewModal, ViewQuickActions } from "@/components/views";
 // constants
 import { EUserProjectRoles } from "@/constants/project";