fix schema picture issue

Author: alexcibotari

src/app/features/schemas/edit/edit.component.html

@@ -58,7 +58,7 @@
         </mat-form-field>
 
         <ll-schema-asset-select
-          [space]="selectedSpace"
+          [spaceId]="spaceId"
           [assetId]="form.controls['previewImage'].value"
           (assetChange)="form.controls['previewImage'].setValue($event)" />
 

src/app/features/schemas/shared/asset-select/asset-select.component.html

@@ -19,7 +19,7 @@
             height="200"
             alt="thumbnail"
             loading="lazy"
-            ngSrc="/api/v1/spaces/{{ space?.id }}/assets/{{ asset.id }}" />
+            ngSrc="/api/v1/spaces/{{ spaceId }}/assets/{{ asset.id }}" />
         </ng-container>
         <ng-template #noImage>
           <mat-icon>file_present</mat-icon>

src/app/features/schemas/shared/asset-select/asset-select.component.ts

@@ -19,7 +19,7 @@ import { AssetFileType } from '@shared/models/schema.model';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AssetSelectComponent implements OnInit {
-  @Input({ required: true }) space?: Space;
+  @Input({ required: true }) spaceId!: string;
   @Input() assetId?: string;
   @Output() assetChange = new EventEmitter<string | undefined>();
   asset?: AssetFile;
@@ -40,7 +40,7 @@ export class AssetSelectComponent implements OnInit {
 
   loadData(): void {
     if (this.assetId) {
-      this.assetService.findById(this.space!.id, this.assetId).subscribe({
+      this.assetService.findById(this.spaceId, this.assetId).subscribe({
         next: asset => {
           if (asset.kind === AssetKind.FILE) {
             this.asset = asset;
@@ -59,7 +59,7 @@ export class AssetSelectComponent implements OnInit {
         maxWidth: '1280px',
         maxHeight: 'calc(100vh - 80px)',
         data: {
-          spaceId: this.space!.id,
+          spaceId: this.spaceId,
           multiple: false,
           fileType: AssetFileType.IMAGE,
         },