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>
This commit is contained in:
asepharyana
2026-07-24 13:40:54 +07:00
co-authored by Kilo
parent efdf762a97
commit 084ff4109f
4 changed files with 5 additions and 5 deletions
-1
View File
@@ -1,7 +1,6 @@
import type { NextConfig } from "next"; import type { NextConfig } from "next";
const nextConfig: NextConfig = { const nextConfig: NextConfig = {
reactCompiler: true,
turbopack: { turbopack: {
root: process.cwd(), root: process.cwd(),
}, },
+2 -2
View File
@@ -1,7 +1,7 @@
"use client"; "use client";
import { useState, useCallback } from "react"; import { useState, useCallback } from "react";
import { ImageResize } from "lucide-react"; import { Crop } from "lucide-react";
import { ToolLayout } from "@/components/tools/tool-layout"; import { ToolLayout } from "@/components/tools/tool-layout";
import { UploadZone } from "@/components/tools/upload-zone"; import { UploadZone } from "@/components/tools/upload-zone";
import { useUpload } from "@/hooks/use-upload"; import { useUpload } from "@/hooks/use-upload";
@@ -57,7 +57,7 @@ export default function ImageResizePage() {
<ToolLayout <ToolLayout
title="Resize Image" title="Resize Image"
description="Ubah dimensi gambar" description="Ubah dimensi gambar"
icon={ImageResize} icon={Crop}
phase={1} phase={1}
> >
{pageState === "upload" && ( {pageState === "upload" && (
+2 -2
View File
@@ -3,7 +3,7 @@
import Link from "next/link"; import Link from "next/link";
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { Sun, Moon, Github, Sparkles } from "lucide-react"; import { Sun, Moon, ExternalLink, Sparkles } from "lucide-react";
export function Header() { export function Header() {
const { theme, setTheme } = useTheme(); const { theme, setTheme } = useTheme();
@@ -61,7 +61,7 @@ export function Header() {
className="p-2 rounded-md hover:bg-muted transition-colors" className="p-2 rounded-md hover:bg-muted transition-colors"
aria-label="GitHub" aria-label="GitHub"
> >
<Github className="h-4 w-4" /> <ExternalLink className="h-4 w-4" />
</a> </a>
</div> </div>
</div> </div>
@@ -15,6 +15,7 @@ import {
Scissors, Scissors,
Film, Film,
Mic, Mic,
MoveHorizontal,
} from "lucide-react"; } from "lucide-react";
import { ToolCard } from "./tool-card"; import { ToolCard } from "./tool-card";