Update src/app/interface/bottom-bar/index.tsx

src/app/interface/bottom-bar/index.tsx

@@ -64,23 +64,50 @@ export function BottomBar() {
   return (
     <div className={cn(
       `print:hidden`,
-      `fixed bottom-2 md:bottom-4 left-2 right-0 md:left-3 md:right-1`,
-      `flex flex-row`,
-      `justify-between`,
-      `pointer-events-none`
+      `fixed bottom-1 md:bottom-4 left-2 right-0 md:left-3 md:right-1`, /* Essa linha lista todos os botões do rodapé e define estilos para fixa-la inserir no inicio - fixed*/
+    `flex flex-row`,
+     `justify-between`,
+     `pointer-events-none`
     )}>
       <div className={cn(
-        `flex flex-row`,
+       `flex flex-row`,
         `items-end`,
-        `pointer-events-auto`,
+       `pointer-events-auto`,
         `animation-all duration-300 ease-in-out`,
         isGeneratingStory ? `scale-0 opacity-0` : ``,
         `space-x-3`,
-        `scale-[0.9]`
+       `scale-[0.9]`
       )}>
         <About />
         <AIClipFactory />
+
+     {/*   <Button
+      variant="outline"
+      className="bg-gray-300"
+      onClick={() => {
+        window.open("https://editoraitacaiunas.com.br/criador-de-quadrinhos-ia/")       
+      }}>
+      <span className="hidden md:inline">💚 HQ IA</span>
+      <span className="inline md:hidden">HQ IA</span>
+    </Button> */}
+
+        <Button
+            onClick={handlePrint}
+            disabled={!prompt?.length}
+          >
+            <span className="hidden md:inline">{
+            remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} panels ⌛` : `SALVAR PDF`
+            }</span>
+            <span className="inline md:hidden">{
+              remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} ⌛` : `Salvar`
+            }</span>
+          </Button> 
+
+    
+
       </div>
+
+
       <div className={cn(
       `flex flex-row`,
       `pointer-events-auto`,
@@ -90,7 +117,7 @@ export function BottomBar() {
       `scale-[0.9]`
     )}>
       <SettingsDialog />
-      <Button
+     {/* <Button
         onClick={handleUpscale}
         disabled={!prompt?.length || remainingImages > 0 || isUpscaling || !Object.values(upscaleQueue).length}
       >
@@ -98,41 +125,23 @@ export function BottomBar() {
             ? `${allStatus.length - Object.values(upscaleQueue).length}/${allStatus.length} ⌛`
             : "Upscale"}
       </Button>
-
-        {/*
+        
+        
         <div>
           <Button
             onClick={handlePrint}
             disabled={!prompt?.length}
           >
-            Print
+            SALVAR PDF
           </Button>
         </div>
+        */}
+                
+         
         <div>
-          <Button
-            onClick={download}
-            disabled={!prompt?.length}
-          >
-            <span className="hidden md:inline">{
-            remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} panels ⌛` : `Salvar`
-            }</span>
-            <span className="inline md:hidden">{
-              remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} ⌛` : `Save`
-            }</span>
-           </Button>
+          
         </div>
-          */}
-          <Button
-            onClick={handlePrint}
-            disabled={!prompt?.length}
-          >
-            <span className="hidden md:inline">{
-            remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} panels ⌛` : `Salve PDF`
-            }</span>
-            <span className="inline md:hidden">{
-              remainingImages ? `${allStatus.length - remainingImages}/${allStatus.length} ⌛` : `Save`
-            }</span>
-        </Button>
+
         <Share />
       </div>
     </div>