11'use client' ;
22
33import { Suspense } from 'react' ;
4- import { AlertCircle , ArrowLeft , Home , RefreshCw } from 'lucide- react' ;
4+ import { MdArrowBack , MdErrorOutline , MdHome , MdRefresh } from 'react-icons/md ' ;
55import Link from 'next/link' ;
66import { useSearchParams } from 'next/navigation' ;
77
@@ -47,7 +47,7 @@ function ErrorContent() {
4747 { /* Error Header - VSCode style */ }
4848 < div className = "mb-8 flex items-start gap-4" >
4949 < div className = "shrink-0 mt-1" >
50- < AlertCircle className = "h-12 w-12 text-red-400" strokeWidth = { 1.5 } />
50+ < MdErrorOutline className = "h-12 w-12 text-red-400" />
5151 </ div >
5252 < div className = "flex-1" >
5353 < h1 className = "text-4xl font-semibold text-white mb-2" > { errorDetails . title } </ h1 >
@@ -71,7 +71,7 @@ function ErrorContent() {
7171 size = "lg"
7272 className = "w-full bg-blue-600 hover:bg-blue-700 text-white justify-start gap-3 rounded-md"
7373 >
74- < RefreshCw className = "h-5 w-5" />
74+ < MdRefresh className = "h-5 w-5" />
7575 < span > Try Again</ span >
7676 </ Button >
7777 </ Link >
@@ -81,7 +81,7 @@ function ErrorContent() {
8181 variant = "outline"
8282 className = "w-full border-gray-700 text-gray-300 hover:bg-gray-900 hover:text-white justify-start gap-3 rounded-md"
8383 >
84- < Home className = "h-5 w-5" />
84+ < MdHome className = "h-5 w-5" />
8585 < span > Go to Home</ span >
8686 </ Button >
8787 </ Link >
@@ -91,7 +91,7 @@ function ErrorContent() {
9191 variant = "ghost"
9292 className = "w-full text-gray-400 hover:text-white hover:bg-gray-900 justify-start gap-3 rounded-md"
9393 >
94- < ArrowLeft className = "h-5 w-5" />
94+ < MdArrowBack className = "h-5 w-5" />
9595 < span > Back to Projects</ span >
9696 </ Button >
9797 </ Link >
@@ -116,7 +116,7 @@ export default function ErrorPage() {
116116 < div className = "w-full max-w-2xl px-4" >
117117 < div className = "flex items-start gap-4" >
118118 < div className = "shrink-0 mt-1" >
119- < AlertCircle className = "h-12 w-12 text-gray-600 animate-pulse" strokeWidth = { 1.5 } />
119+ < MdErrorOutline className = "h-12 w-12 text-gray-600 animate-pulse" />
120120 </ div >
121121 < div className = "flex-1" >
122122 < div className = "h-10 bg-gray-800 rounded mb-3 animate-pulse" > </ div >
0 commit comments