From da0f0cd4a44203e4235acf6624c22a00ac6efb65 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Thu, 16 Jul 2026 02:14:03 +0400
Subject: [PATCH] feat(project-editor): adopt SectionCard in preview section

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../project-editor/sections/preview-section.component.html   | 5 ++---
 .../project-editor/sections/preview-section.component.ts     | 3 ++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/features/project-editor/sections/preview-section.component.html b/src/app/features/project-editor/sections/preview-section.component.html
index 1862e9b..2ffaa02 100644
--- a/src/app/features/project-editor/sections/preview-section.component.html
+++ b/src/app/features/project-editor/sections/preview-section.component.html
@@ -1,5 +1,4 @@
-<section class="editor-section-card">
-  <h2>{{ 'builder.preview' | translate }}</h2>
+<app-section-card [title]="'builder.preview' | translate">
   <div class="editor-actions">
     <app-button variant="primary" (click)="preview()">{{ 'builder.livePreview' | translate }}</app-button>
     <app-button variant="secondary" (click)="refreshExport()">{{ 'builder.exportBootstrap' | translate }}</app-button>
@@ -16,4 +15,4 @@
     <span>{{ 'builder.importSource' | translate }}</span>
     <textarea rows="10" [ngModel]="importValue()" (ngModelChange)="importValue.set($event)"></textarea>
   </label>
-</section>
+</app-section-card>
diff --git a/src/app/features/project-editor/sections/preview-section.component.ts b/src/app/features/project-editor/sections/preview-section.component.ts
index 410a669..19b3f04 100644
--- a/src/app/features/project-editor/sections/preview-section.component.ts
+++ b/src/app/features/project-editor/sections/preview-section.component.ts
@@ -3,11 +3,12 @@ import { FormsModule } from '@angular/forms';
 import { ProjectEditorFacade } from '../facade/project-editor.facade';
 import { TranslatePipe } from '../../../i18n/translate.pipe';
 import { ButtonComponent } from '../../../shared/ui/button/button.component';
+import { SectionCardComponent } from '../../../shared/ui/section-card/section-card.component';
 
 @Component({
   selector: 'app-project-editor-preview-section',
   standalone: true,
-  imports: [FormsModule, TranslatePipe, ButtonComponent],
+  imports: [FormsModule, TranslatePipe, ButtonComponent, SectionCardComponent],
   templateUrl: './preview-section.component.html',
   styleUrls: ['./section.shared.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush