sonar issues

Author: loivsen

src/packages/media/media/components/input-upload-field/input-upload-field.element.ts

@@ -208,7 +208,7 @@ export class UmbInputUploadFieldElement extends UmbLitElement {
 		this.dispatchEvent(new UmbChangeEvent());
 	}
 
-	static override styles = [
+	static override readonly styles = [
 		css`
 			:host {
 				position: relative;

src/packages/media/media/components/input-upload-field/preview/input-upload-field-audio.element.ts

@@ -12,7 +12,7 @@ export default class UmbInputUploadFieldAudioElement extends UmbLitElement {
 		return html`<audio controls src=${this.path}></audio>`;
 	}
 
-	static override styles = [
+	static override readonly styles = [
 		css`
 			:host {
 				display: flex;

src/packages/media/media/components/input-upload-field/preview/input-upload-field-file.element.ts

@@ -45,21 +45,20 @@ export default class UmbInputUploadFieldFileElement extends UmbLitElement {
 			if (this.#serverUrl) {
 				if (this.file) return;
 
-				this.extension = this.path.split('.').pop() || '';
+				this.extension = this.path.split('.').pop() ?? '';
 				this.label = this.#serverUrl ? this.path.substring(this.#serverUrl.length) : 'loading...';
 			}
 		}
 	}
 
 	#getExtensionFromMime(mime: string): string {
-		//TODO Temporary solution.
 		if (!mime) return ''; //folders
+
 		const extension = mime.split('/')[1];
-		switch (extension) {
-			case 'svg+xml':
-				return 'svg';
-			default:
-				return extension;
+		if (extension === 'svg+xml') {
+			return 'svg';
+		} else {
+			return extension;
 		}
 	}
 
@@ -83,7 +82,7 @@ export default class UmbInputUploadFieldFileElement extends UmbLitElement {
 		`;
 	}
 
-	static override styles = [
+	static override readonly styles = [
 		css`
 			#main {
 				display: grid;

src/packages/media/media/components/input-upload-field/preview/input-upload-field-image.element.ts

@@ -12,7 +12,7 @@ export default class UmbInputUploadFieldImageElement extends UmbLitElement {
 		return html`<img src=${this.path} alt="" />`;
 	}
 
-	static override styles = [
+	static override readonly styles = [
 		css`
 			:host {
 				display: flex;

src/packages/media/media/components/input-upload-field/preview/input-upload-field-svg.element.ts

@@ -12,7 +12,7 @@ export default class UmbInputUploadFieldSvgElement extends UmbLitElement {
 		return html`<img src=${this.path} alt="svg" />`;
 	}
 
-	static override styles = [
+	static override readonly styles = [
 		css`
 			:host {
 				display: flex;

src/packages/media/media/components/input-upload-field/preview/input-upload-field-video.element.ts

@@ -17,7 +17,7 @@ export default class UmbInputUploadFieldVideoElement extends UmbLitElement {
 		`;
 	}
 
-	static override styles = [
+	static override readonly styles = [
 		css`
 			:host {
 				display: flex;