From 3792c4d5460ea041a7f8657a0ed1c4d73a832975 Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Wed, 4 Feb 2026 09:04:31 +0500
Subject: [PATCH] feat: move upload button

---
 src/components/PanelPreview.svelte |  7 +++++++
 src/components/TextManager.svelte  |  7 +++++++
 src/routes/+page.svelte            | 18 +++---------------
 3 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/PanelPreview.svelte b/src/components/PanelPreview.svelte
index c1d406c..40ae79b 100644
--- a/src/components/PanelPreview.svelte
+++ b/src/components/PanelPreview.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { panelStore } from "../stores/panelStore";
+  import { uiStore, setCurrentStep } from "../stores/uiStore";
   import type { TextItem } from "../lib/types/panel";
   import { Stage, Layer, Image, Text } from "svelte-konva";
   import { Button } from "../lib/components/ui";
@@ -10,6 +11,10 @@
     onDownload?: () => void;
   } = $props();
 
+  function handleUploadNewImage() {
+    setCurrentStep("upload");
+  }
+
   let backgroundImage: HTMLImageElement | undefined = $state(undefined);
 
   $effect(() => {
@@ -57,6 +62,7 @@
   {#if $panelStore}
     <div class="preview-header">
       <Button variant="primary" onclick={handleDownload}>Скачать панель</Button>
+      <Button variant="secondary" onclick={handleUploadNewImage}>Загрузить</Button>
     </div>
     <div class="preview-sections">
       <!-- Превью чистой картинки -->
@@ -119,6 +125,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    gap: 0.5rem;
     padding: 1rem;
     margin-bottom: 1rem;
   }
diff --git a/src/components/TextManager.svelte b/src/components/TextManager.svelte
index 0c525e6..8e29eba 100644
--- a/src/components/TextManager.svelte
+++ b/src/components/TextManager.svelte
@@ -289,6 +289,13 @@
     width: 100%;
   }
 
+  .text-manager h2 {
+    margin: 0;
+    color: #333;
+    font-size: 1.5rem;
+    font-weight: 600;
+  }
+
   .common-settings-section {
     background: #f8f9fa;
     border: 2px solid #e9ecef;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index fc48a05..a4182b8 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -131,10 +131,7 @@
         <ImageCropper imageSrc={uploadedImage} onCropComplete={handleCropComplete} onCancel={handleCropCancel} />
       {:else if $uiStore.currentStep === "text"}
         <div class="text-section">
-          <div class="section-header">
-            <h2>Управление текстом</h2>
-            <button class="btn btn-primary" onclick={handleUploadNewImage}>Загрузить другое изображение</button>
-          </div>
+          <h2>Управление текстом</h2>
           <TextManager onTextUpdate={handleTextUpdate} />
         </div>
       {/if}
@@ -193,18 +190,9 @@
     gap: 1rem;
   }
 
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    border-radius: 8px;
-    color: white;
-  }
-
-  .section-header h2 {
+  .text-section h2 {
     margin: 0;
+    color: #333;
     font-size: 1.5rem;
     font-weight: 600;
   }