gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: define expected types for pfp input element
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
SauceyRed 2025-06-01 20:34:40 +02:00
parent 0ddddd210e
commit a8e8c6b2ef
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
components/settings/user_settings/Account.vue
View file

@ -53,10 +53,12 @@ const saveChanges = async () => {
try { try {
const formData = new FormData() const formData = new FormData()
const upload_field = document.getElementById("hidden-pfp-uploader") const pfpInput = document.getElementById("hidden-pfp-uploader") as HTMLInputElement | null;
if (upload_field.files?.length && upload_field.files.length > 0) { if (pfpInput) {
console.log(upload_field.files[0]) if (pfpInput.files?.length && pfpInput.files.length > 0) {
formData.append("avatar", upload_field.files[0]) console.log(pfpInput.files[0])
formData.append("avatar", pfpInput.files[0])
}
} }
const bytes = new TextEncoder().encode(JSON.stringify({ const bytes = new TextEncoder().encode(JSON.stringify({
@ -89,8 +91,8 @@ const removeAvatar = async () => {
} }
const changeAvatar = 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) => { // upload_field.onchange = async(e) => {
// console.log(upload_field.files) // console.log(upload_field.files)
// if (upload_field.files?.length && upload_field.files.length > 0) { // 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 () => { const resetPassword = async () => {