From 084ff4109f9418a7e5da6cc1c95fa4cd8e7fb440 Mon Sep 17 00:00:00 2001
From: asepharyana <superaseph@gmail.com>
Date: Fri, 24 Jul 2026 13:40:54 +0700
Subject: [PATCH] fix: replace missing lucide icons (Github, ImageResize),
 remove reactCompiler

Github icon doesn't exist in lucide-react 1.26.0, replaced with ExternalLink.
ImageResize doesn't exist, replaced with Crop.
reactCompiler requires babel-plugin-react-compiler which isn't installed.

Co-Authored-By: Kilo <kilo@kilo.ai>
---
 frontend/next.config.ts                     | 1 -
 frontend/src/app/image/resize/page.tsx      | 4 ++--
 frontend/src/components/tools/header.tsx    | 4 ++--
 frontend/src/components/tools/tool-grid.tsx | 1 +
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index 67131f2..335ff79 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -1,7 +1,6 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  reactCompiler: true,
   turbopack: {
     root: process.cwd(),
   },
diff --git a/frontend/src/app/image/resize/page.tsx b/frontend/src/app/image/resize/page.tsx
index c194245..b421ec5 100644
--- a/frontend/src/app/image/resize/page.tsx
+++ b/frontend/src/app/image/resize/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useCallback } from "react";
-import { ImageResize } from "lucide-react";
+import { Crop } from "lucide-react";
 import { ToolLayout } from "@/components/tools/tool-layout";
 import { UploadZone } from "@/components/tools/upload-zone";
 import { useUpload } from "@/hooks/use-upload";
@@ -57,7 +57,7 @@ export default function ImageResizePage() {
     <ToolLayout
       title="Resize Image"
       description="Ubah dimensi gambar"
-      icon={ImageResize}
+      icon={Crop}
       phase={1}
     >
       {pageState === "upload" && (
diff --git a/frontend/src/components/tools/header.tsx b/frontend/src/components/tools/header.tsx
index dc29e93..988f907 100644
--- a/frontend/src/components/tools/header.tsx
+++ b/frontend/src/components/tools/header.tsx
@@ -3,7 +3,7 @@
 import Link from "next/link";
 import { useTheme } from "next-themes";
 import { useState, useEffect } from "react";
-import { Sun, Moon, Github, Sparkles } from "lucide-react";
+import { Sun, Moon, ExternalLink, Sparkles } from "lucide-react";
 
 export function Header() {
   const { theme, setTheme } = useTheme();
@@ -61,7 +61,7 @@ export function Header() {
             className="p-2 rounded-md hover:bg-muted transition-colors"
             aria-label="GitHub"
           >
-            <Github className="h-4 w-4" />
+            <ExternalLink className="h-4 w-4" />
           </a>
         </div>
       </div>
diff --git a/frontend/src/components/tools/tool-grid.tsx b/frontend/src/components/tools/tool-grid.tsx
index f61824f..08e4d75 100644
--- a/frontend/src/components/tools/tool-grid.tsx
+++ b/frontend/src/components/tools/tool-grid.tsx
@@ -15,6 +15,7 @@ import {
   Scissors,
   Film,
   Mic,
+  MoveHorizontal,
 } from "lucide-react";
 import { ToolCard } from "./tool-card";