Fix: add favorite button back to tasks (#2184)

Author: kevinvandijk

.changeset/free-socks-shake.md

@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Fix: add favorite button back to tasks

webview-ui/src/components/history/TaskItemFooter.tsx

@@ -4,6 +4,7 @@ import { formatTimeAgo } from "@/utils/format"
 import { CopyButton } from "./CopyButton"
 import { ExportButton } from "./ExportButton"
 import { DeleteButton } from "./DeleteButton"
+import { FavoriteButton } from "../kilocode/history/FavoriteButton" // kilocode_change
 import { StandardTooltip } from "../ui/standard-tooltip"
 
 export interface TaskItemFooterProps {
@@ -34,6 +35,7 @@ const TaskItemFooter: React.FC<TaskItemFooterProps> = ({ item, variant, isSelect
 			{!isSelectionMode && (
 				<div className="flex flex-row gap-0 items-center text-vscode-descriptionForeground/60 hover:text-vscode-descriptionForeground">
 					<CopyButton itemTask={item.task} />
+					<FavoriteButton isFavorited={item.isFavorited ?? false} id={item.id} />
 					{variant === "full" && <ExportButton itemId={item.id} />}
 					{onDelete && <DeleteButton itemId={item.id} onDelete={onDelete} />}
 				</div>

webview-ui/src/components/kilocode/history/FavoriteButton.tsx

@@ -0,0 +1,22 @@
+import { vscode } from "@/utils/vscode"
+import { Button } from "@src/components/ui"
+import { useAppTranslation } from "@/i18n/TranslationContext"
+
+export const FavoriteButton = ({ id, isFavorited }: { id: string; isFavorited: boolean }) => {
+	const { t } = useAppTranslation()
+
+	return (
+		<Button
+			variant="ghost"
+			size="icon"
+			title={isFavorited ? t("history:unfavoriteTask") : t("history:favoriteTask")}
+			data-testid="favorite-task-button"
+			onClick={(e: React.MouseEvent) => {
+				e.stopPropagation()
+				vscode.postMessage({ type: "toggleTaskFavorite", text: id })
+			}}
+			className={`group-hover:opacity-100 transition-opacity ${isFavorited ? "opacity-70" : "opacity-50"}`}>
+			<span className={`codicon ${isFavorited ? "codicon-star-full" : "codicon-star-empty"}`} />
+		</Button>
+	)
+}