diff --git a/apps/cde-ui/src/app/pages/create-visualization-page/create-visualization-page.component.ts b/apps/cde-ui/src/app/pages/create-visualization-page/create-visualization-page.component.ts index 5e1d8a7c4..2be935b1d 100644 --- a/apps/cde-ui/src/app/pages/create-visualization-page/create-visualization-page.component.ts +++ b/apps/cde-ui/src/app/pages/create-visualization-page/create-visualization-page.component.ts @@ -21,6 +21,8 @@ const DEFAULT_SETTINGS: VisualizationSettings = { colorMap: {}, }; +const DEFAULT_CELL_TYPE = 'endothelial'; + @Component({ selector: 'cde-create-visualization-page', standalone: true, @@ -50,22 +52,22 @@ export class CreateVisualizationPageComponent { @ViewChild('colorMapInput') colorMapInput!: ElementRef; - defaultCellType = 'type a'; + defaultCellType = DEFAULT_CELL_TYPE; settings: VisualizationSettings = DEFAULT_SETTINGS; visualizationForm = new FormGroup({ - anchorCellType: new FormControl(this.defaultCellType), + anchorCellType: new FormControl(this.defaultCellType), metadata: new FormGroup({ - title: new FormControl(''), - technology: new FormControl(''), - organ: new FormControl(''), - sex: new FormControl('female'), - age: new FormControl(NaN), - thickness: new FormControl(NaN), - pixelSize: new FormControl(NaN), + title: new FormControl(), + technology: new FormControl(), + organ: new FormControl(), + sex: new FormControl('female'), + age: new FormControl(), + thickness: new FormControl(), + pixelSize: new FormControl(), }), - colorMapOption: new FormControl('default'), + colorMapOption: new FormControl('default'), }); dataUploaded = false; @@ -122,7 +124,6 @@ export class CreateVisualizationPageComponent { this.dataUploaded = false; } else { this.colorMapUploaded = false; - this.toggleDefaultColorMap(); } } diff --git a/apps/cde-ui/src/app/services/file-upload-service.ts b/apps/cde-ui/src/app/services/file-upload-service.ts index 203f30063..3ca10ebee 100644 --- a/apps/cde-ui/src/app/services/file-upload-service.ts +++ b/apps/cde-ui/src/app/services/file-upload-service.ts @@ -115,7 +115,7 @@ export class FileUploadService { if (type === 'data') { this.data.set([]); } else { - this.colorMap.set({}); + this.useDefaultColors(); } }