thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: profile cover fix (#4010)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-03-21 15:36:16 +05:30 committed by GitHub
parent 0d2a8cca50
commit 8911eaf676
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 37 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
web/components/core/image-picker-popover.tsx
View File

@ -40,13 +40,14 @@ type Props = {
onChange: (data: string) => void; onChange: (data: string) => void;
disabled?: boolean; disabled?: boolean;
tabIndex?: number; tabIndex?: number;
isProfileCover?: boolean;
}; };
// services // services
const fileService = new FileService(); const fileService = new FileService();
export const ImagePickerPopover: React.FC<Props> = observer((props) => { export const ImagePickerPopover: React.FC<Props> = observer((props) => {
const { label, value, control, onChange, disabled = false, tabIndex } = props; const { label, value, control, onChange, disabled = false, tabIndex, isProfileCover = false } = props;
// states // states
const [image, setImage] = useState<File | null>(null); const [image, setImage] = useState<File | null>(null);
const [isImageUploading, setIsImageUploading] = useState(false); const [isImageUploading, setIsImageUploading] = useState(false);
@ -97,31 +98,47 @@ export const ImagePickerPopover: React.FC<Props> = observer((props) => {
const handleSubmit = async () => { const handleSubmit = async () => {
setIsImageUploading(true); setIsImageUploading(true);
if (!image || !workspaceSlug) return; if (!image) return;
const formData = new FormData(); const formData = new FormData();
formData.append("asset", image); formData.append("asset", image);
formData.append("attributes", JSON.stringify({})); formData.append("attributes", JSON.stringify({}));
fileService const oldValue = value;
.uploadFile(workspaceSlug.toString(), formData) const isUnsplashImage = oldValue?.split("/")[2] === "images.unsplash.com";
.then((res) => {
const oldValue = value;
const isUnsplashImage = oldValue?.split("/")[2] === "images.unsplash.com";
const imageUrl = res.asset; const uploadCallback = (res: any) => {
onChange(imageUrl); const imageUrl = res.asset;
setIsImageUploading(false); onChange(imageUrl);
setImage(null); setIsImageUploading(false);
setIsOpen(false); setImage(null);
setIsOpen(false);
};
if (isUnsplashImage) return; if (isProfileCover) {
fileService
if (oldValue && currentWorkspace) fileService.deleteFile(currentWorkspace.id, oldValue); .uploadUserFile(formData)
}) .then((res) => {
.catch((err) => { uploadCallback(res);
console.error(err); if (isUnsplashImage) return;
}); if (oldValue && currentWorkspace) fileService.deleteUserFile(oldValue);
})
.catch((err) => {
console.error(err);
});
} else {
if (!workspaceSlug) return;
fileService
.uploadFile(workspaceSlug.toString(), formData)
.then((res) => {
uploadCallback(res);
if (isUnsplashImage) return;
if (oldValue && currentWorkspace) fileService.deleteFile(currentWorkspace.id, oldValue);
})
.catch((err) => {
console.error(err);
});
}
}; };
useEffect(() => { useEffect(() => {

1
web/pages/profile/index.tsx
View File

@ -215,6 +215,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => {
onChange={(imageUrl) => onChange(imageUrl)} onChange={(imageUrl) => onChange(imageUrl)}
control={control} control={control}
value={value ?? "https://images.unsplash.com/photo-1506383796573-caf02b4a79ab"} value={value ?? "https://images.unsplash.com/photo-1506383796573-caf02b4a79ab"}
isProfileCover
/> />
)} )}
/> />