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

refactor: move yet more stuff into the popup component
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
JustTemmie 2025-07-04 10:00:38 +02:00
parent d9c6faa6ab
commit 33dbcb5861
Signed by: justtemmie
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
2 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

13
components/CropPopup.vue
View file

@ -44,10 +44,19 @@ async function cropImage() {
const selection = cropper.value?.getCropperSelection();
if (selection) {
const canvas = await selection.$toCanvas({width: 256, height: 256})
console.log(canvas)
canvas.toBlob((blob) => {
if (blob && props.onCrop) {
props.onCrop(blob);
const reader = new FileReader();
reader.addEventListener("load", () => {
if (reader.result && typeof reader.result === 'string') {
if (props.onCrop) {
props.onCrop(blob, reader.result)
}
}
});
const file = new File([blob], 'image.png', { type: 'image/png' })
reader.readAsDataURL(file)
}
});
}

12
components/Settings/UserSettings/Profile.vue
View file

@ -113,19 +113,11 @@ async function changeAvatar() {
}
function handleCrop(blob: Blob) {
function handleCrop(blob: Blob, url: string) {
if (!user) return;
user.avatar = url;
newPfpFile = new File([blob], 'avatar.png', { type: 'image/png' })
const reader = new FileReader();
reader.addEventListener("load", () => {
if (reader.result && typeof reader.result === 'string') {
user.avatar = reader.result;
}
});
reader.readAsDataURL(newPfpFile)
closeCropPopup()
}