Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-14 08:41:04 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix profile image

Browse Source
This commit is contained in:
Philipinho
2024-06-22 04:48:29 +01:00
parent a3b690ac50
commit 81be99b404
4 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apps/client/src/features/user/components/account-avatar.tsx
View File

@ -13,23 +13,18 @@ export default function AccountAvatar() {
const [currentUser] = useAtom(currentUserAtom);
const [, setUser] = useAtom(userAtom);
const [file, setFile] = useState<File | null>(null);
const [previewUrl, setPreviewUrl] = useState<string | null>(null);
const handleFileChange = async (selectedFile: File) => {
if (!selectedFile) {
return;
}
if (previewUrl) {
URL.revokeObjectURL(previewUrl);
}
setFile(selectedFile);
setPreviewUrl(URL.createObjectURL(selectedFile));
try {
setIsLoading(true);
await uploadAvatar(selectedFile);
const avatar = await uploadAvatar(selectedFile);
setUser((prev) => ({ ...prev, avatarUrl: avatar.fileName }));
} catch (err) {
console.log(err);
} finally {
@ -37,6 +32,8 @@ export default function AccountAvatar() {
}
};
console.log(currentUser?.user.avatarUrl);
return (
<>
<FileButton onChange={handleFileChange} accept="image/png,image/jpeg">
@ -47,8 +44,8 @@ export default function AccountAvatar() {
component="button"
radius="xl"
size="60px"
avatarUrl={previewUrl || currentUser.user.avatarUrl}
name={currentUser.user.name}
avatarUrl={currentUser?.user.avatarUrl}
name={currentUser?.user.name}
style={{ cursor: "pointer" }}
/>
</Tooltip>