From a8e8c6b2ef1aecc1c563ed7ec465b6c4d6a0a889 Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Sun, 1 Jun 2025 20:34:40 +0200
Subject: [PATCH] feat: define expected types for pfp input element

---
 components/settings/user_settings/Account.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/components/settings/user_settings/Account.vue b/components/settings/user_settings/Account.vue
index c1fdc77..9df0ad4 100644
--- a/components/settings/user_settings/Account.vue
+++ b/components/settings/user_settings/Account.vue
@@ -53,10 +53,12 @@ const saveChanges = async () => {
   try {
     const formData = new FormData()
 
-    const upload_field = document.getElementById("hidden-pfp-uploader")
-    if (upload_field.files?.length && upload_field.files.length > 0) {
-      console.log(upload_field.files[0])
-      formData.append("avatar", upload_field.files[0])
+    const pfpInput = document.getElementById("hidden-pfp-uploader") as HTMLInputElement | null;
+    if (pfpInput) {
+      if (pfpInput.files?.length && pfpInput.files.length > 0) {
+        console.log(pfpInput.files[0])
+        formData.append("avatar", pfpInput.files[0])
+      }
     }
     
     const bytes = new TextEncoder().encode(JSON.stringify({
@@ -89,8 +91,8 @@ const removeAvatar = async () => {
 }
 
 const changeAvatar = async () => {
-  const upload_field: HTMLInputElement = document.getElementById("hidden-pfp-uploader")
-  
+  const pfpInput = document.getElementById("hidden-pfp-uploader") as HTMLInputElement | null;
+
   // upload_field.onchange = async(e) => {
   //   console.log(upload_field.files)
   //   if (upload_field.files?.length && upload_field.files.length > 0) {
@@ -105,7 +107,7 @@ const changeAvatar = async () => {
   //   }
   // }
 
-  upload_field?.click()
+  pfpInput?.click()
 }
 
 const resetPassword = async () => {