diff --git a/src/app/pages/settings/chains/chain-form/chain-form.html b/src/app/pages/settings/chains/chain-form/chain-form.html
index 75fa3aa..f582dec 100644
--- a/src/app/pages/settings/chains/chain-form/chain-form.html
+++ b/src/app/pages/settings/chains/chain-form/chain-form.html
@@ -4,5 +4,9 @@
{{'common.name'|translate|upperfirst}}
-
+
\ No newline at end of file
diff --git a/src/app/pages/settings/chains/chain-form/chain-form.ts b/src/app/pages/settings/chains/chain-form/chain-form.ts
index b0e02c2..4dbaf2f 100644
--- a/src/app/pages/settings/chains/chain-form/chain-form.ts
+++ b/src/app/pages/settings/chains/chain-form/chain-form.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, Component, inject, input, OnDestroy, OnInit } from '@angular/core';
+import { Component, input } from '@angular/core';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { ImageUploader } from '../../../../components/image-uploader/image-uploader';
@@ -6,11 +6,12 @@ import { ReactiveFormsModule } from '@angular/forms';
import { ChainFormGroup } from '../chain-formgroup';
import { TranslatePipe } from '@ngx-translate/core';
import { UpperfirstPipe } from '../../../../pipes/upperfirst-pipe';
-import { Subscription } from 'rxjs';
+import { ImageHandler } from '../../../../directives/image-handler';
@Component({
selector: 'app-chain-form',
imports: [
+ ImageHandler,
ImageUploader,
MatFormFieldModule,
MatInputModule,
@@ -21,24 +22,6 @@ import { Subscription } from 'rxjs';
templateUrl: './chain-form.html',
styles: ``,
})
-export class ChainForm implements OnInit, OnDestroy {
+export class ChainForm {
form = input(new ChainFormGroup());
- private readonly cd = inject(ChangeDetectorRef);
- private imageSubscription?: Subscription;
-
- ngOnInit() {
- this.imageSubscription = this.form().controls.image.valueChanges.subscribe({
- next: () => this.cd.detectChanges(),
- });
- }
-
- updateFileImage(file: File) {
- const form = this.form();
- form.controls.image.patchValue(file);
- form.controls.image.markAsDirty();
- }
-
- ngOnDestroy() {
- this.imageSubscription?.unsubscribe();
- }
}