Fix: removed util function

src/lib/components/Channel/Chat/DrawerEditChannel.svelte

@@ -8,7 +8,7 @@
 	import { category_list } from '$lib/stores/channelStore'
 	import { emitChannelUpdate } from '$lib/websocket'
 	import IconChatScreenshot from '$lib/assets/icons/chat/IconChatScreenshot.svelte'
-	import { captureScreenShot, convertFileToStringOrDel } from '$lib/utils'
+	import { captureScreenShot, fileToBase64 } from '$lib/utils'
 
 	export let channel: any, showDrawer: boolean, isLive: boolean
 
@@ -106,9 +106,22 @@
 				class="flex h-full p-5"
 				action="?/edit-channel"
 				method="post"
-				use:enhance={({ formData }) => {
+				use:enhance={async ({ formData }) => {
+					let thumbnail = formData.get('thumbnail') || null
+					if (thumbnail != null && thumbnail instanceof File && thumbnail.size > 0) {
+						await fileToBase64(thumbnail)
+							.then((base64String) => {
+								if (base64String) {
+									formData.set('thumbnail', base64String)
+								}
+							})
+							.catch((error) => {
+								console.error('Error converting file to base64:', error)
+							})
+					} else {
+						formData.delete('thumbnail')
+					}
 					return ({ result }) => {
-						convertFileToStringOrDel(formData, 'thumbnail')
 						if (result.type === 'success') {
 							console.log('channel', channel)
 							emitChannelUpdate({ channelSocket: channel.socket, channel })

src/lib/components/Profile/DrawerEditProfile.svelte

@@ -3,13 +3,7 @@
 	import { page } from '$app/stores'
 	import DrawerAddCategory from '$lib/components/Browse/DrawerAddCategory.svelte'
 	import { category_list } from '$lib/stores/channelStore'
-	import {
-		createEffect,
-		objectMonitor,
-		isValidUrl,
-		fileToBase64,
-		convertFileToStringOrDel
-	} from '$lib/utils'
+	import { createEffect, objectMonitor, isValidUrl, fileToBase64 } from '$lib/utils'
 
 	export let showDrawer: boolean
 	export let profile: any
@@ -116,8 +110,34 @@
 				action="?/update-profile"
 				method="post"
 				use:enhance={async ({ formData }) => {
-					convertFileToStringOrDel(formData, 'avatar')
-					convertFileToStringOrDel(formData, 'banner')
+					let avatar = formData.get('avatar') || null
+					if (avatar != null && avatar instanceof File && avatar.size > 0) {
+						await fileToBase64(avatar)
+							.then((base64String) => {
+								if (base64String) {
+									formData.set('avatar', base64String)
+								}
+							})
+							.catch((error) => {
+								console.error('Error converting file to base64:', error)
+							})
+					} else {
+						formData.delete('avatar')
+					}
+					let banner = formData.get('banner') || null
+					if (banner != null && banner instanceof File && banner.size > 0) {
+						await fileToBase64(banner)
+							.then((base64String) => {
+								if (base64String) {
+									formData.set('banner', base64String)
+								}
+							})
+							.catch((error) => {
+								console.error('Error converting file to base64:', error)
+							})
+					} else {
+						formData.delete('banner')
+					}
 					if (profile?.category?.length) {
 						formData.append('category', JSON.stringify(profile?.category))
 					}

src/lib/utils.ts

@@ -477,19 +477,19 @@ export const base64ToFile = (base64: string): File => {
 	return new File([ab], filename, { type: mimeType })
 }
 
-export const convertFileToStringOrDel = async (formData: any, inputName: string) => {
-	let file = formData.get(inputName) || null
-	if (file != null && file instanceof File && file.size > 0) {
-		await fileToBase64(file)
-			.then((base64String) => {
-				if (base64String) {
-					formData.set(inputName, base64String)
-				}
-			})
-			.catch((error) => {
-				console.error('Error converting file to base64:', error)
-			})
-	} else {
-		formData.delete(inputName)
-	}
-}
+// export const convertFileToStringOrDel = async (formData: any, inputName: string) => {
+// 	let file = formData.get(inputName) || null
+// 	if (file != null && file instanceof File && file.size > 0) {
+// 		await fileToBase64(file)
+// 			.then((base64String) => {
+// 				if (base64String) {
+// 					formData.set(inputName, base64String)
+// 				}
+// 			})
+// 			.catch((error) => {
+// 				console.error('Error converting file to base64:', error)
+// 			})
+// 	} else {
+// 		formData.delete(inputName)
+// 	}
+// }