[dyad] Added primary download button - wrote 1 file(s)

src/components/image-converter.tsx

@@ -208,8 +208,9 @@ export function ImageConverter() {
 
   return (
     <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 w-full">
-      <div className="lg:col-span-1 flex flex-col">
+      <div className="lg:col-span-1 flex flex-col gap-8">
-        <Accordion type="single" collapsible defaultValue="image-settings" className="w-full space-y-8">
+        <Accordion type="single" collapsible defaultValue="image-settings" className="w-full">
+          <div className="space-y-8">
             <Card>
               <AccordionItem value="image-settings" className="border-none">
                 <AccordionTrigger className="p-6 hover:no-underline">
@@ -331,7 +332,16 @@ export function ImageConverter() {
                 </AccordionContent>
               </AccordionItem>
             </Card>
+          </div>
         </Accordion>
+        <Button
+          onClick={handleConvertAndDownload}
+          disabled={!hasImages || !width || !height || isConverting}
+          className="w-full"
+        >
+          <Download className="mr-2 h-4 w-4" />
+          {isConverting ? "Converting..." : `Apply Settings & Download All (${images.length})`}
+        </Button>
       </div>
 
       <div className="lg:col-span-2 flex flex-col gap-8">