@@ -85,7 +85,7 @@ export default function UploadPage() {
8585 setError ( null ) ;
8686 setSvgResult ( null ) ;
8787 } ,
88- [ setError , setUploadedFiles , setSvgResult ] ,
88+ [ setError , setUploadedFiles , setSvgResult ]
8989 ) ;
9090
9191 const handleDrop = useCallback (
@@ -98,7 +98,7 @@ export default function UploadPage() {
9898 handleFiles ( files ) ;
9999 }
100100 } ,
101- [ handleFiles ] ,
101+ [ handleFiles ]
102102 ) ;
103103
104104 const handleDragOver = useCallback ( ( e : React . DragEvent < HTMLDivElement > ) => {
@@ -223,7 +223,7 @@ export default function UploadPage() {
223223 if ( ! / v i e w B o x = / . test ( svg ) ) {
224224 svg = svg . replace (
225225 / < s v g ( [ ^ > ] * ) > / ,
226- `<svg$1 viewBox="0 0 ${ width } ${ height } ">` ,
226+ `<svg$1 viewBox="0 0 ${ width } ${ height } ">`
227227 ) ;
228228 }
229229 }
@@ -398,8 +398,8 @@ export default function UploadPage() {
398398 { file . progress === 0
399399 ? "Ready to convert"
400400 : file . progress < 100
401- ? `Converting... ${ file . progress } %`
402- : "Conversion complete!" }
401+ ? `Converting... ${ file . progress } %`
402+ : "Conversion complete!" }
403403 </ span >
404404 { file . progress === 100 && ! isUploading && (
405405 < motion . div
@@ -570,31 +570,6 @@ export default function UploadPage() {
570570 Download SVG
571571 </ Button >
572572 </ motion . div >
573-
574- { /* Additional Info */ }
575- < motion . div
576- initial = { { opacity : 0 , y : 20 } }
577- animate = { { opacity : 1 , y : 0 } }
578- transition = { { delay : 0.4 } }
579- className = "mt-6 p-6 bg-gradient-to-r from-emerald-50 to-green-50 dark:from-emerald-900/20 dark:to-green-900/20 border border-emerald-200 dark:border-emerald-700/50 rounded-xl"
580- >
581- < div className = "flex items-start gap-4" >
582- < div className = "w-8 h-8 bg-emerald-100 dark:bg-emerald-800/50 rounded-full flex items-center justify-center flex-shrink-0 mt-1" >
583- < CheckCircle className = "h-5 w-5 text-emerald-600 dark:text-emerald-400" />
584- </ div >
585- < div >
586- < h4 className = "font-semibold text-emerald-800 dark:text-emerald-300 mb-2" >
587- 🚀 Conversion Complete!
588- </ h4 >
589- < p className = "text-sm text-emerald-700 dark:text-emerald-300 leading-relaxed" >
590- Your image has been successfully converted to a scalable
591- SVG vector. The generated SVG can be resized infinitely
592- without losing quality, making it perfect for responsive
593- web design, logos, and high-DPI displays.
594- </ p >
595- </ div >
596- </ div >
597- </ motion . div >
598573 </ motion . div >
599574 ) }
600575 </ AnimatePresence >
0 commit comments