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:
@@ -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(),
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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" && (
|
||||||
|
|||||||
@@ -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";
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user