Update image URL logic in ImageUploader component
Replace direct `fileUrl` usage with `getServerFileUrl` utility for consistent server URL formatting. Remove unnecessary fallback logic to streamline image selection.
This commit is contained in:
@@ -11,7 +11,7 @@ import { Input } from "@/components/ui/input";
|
||||
import { Textarea } from "@/components/ui/textarea";
|
||||
import { Label } from "@/components/ui/label";
|
||||
import { Switch } from "@/components/ui/switch";
|
||||
import { RESERVED_SLUGS } from "@/constants";
|
||||
import { RESERVED_SLUGS } from "@/lib/constants";
|
||||
|
||||
export default function CreateEventPage() {
|
||||
const router = useRouter();
|
||||
|
||||
@@ -7,6 +7,7 @@ import { usePresignedUpload } from "@/hooks/usePresignedUpload";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Progress } from "@/components/ui/progress";
|
||||
import { Loader2, RefreshCw, Upload, X } from "lucide-react";
|
||||
import { getServerFileUrl } from "@/lib/utils";
|
||||
|
||||
export interface ImageUploaderProps {
|
||||
id: string;
|
||||
@@ -97,10 +98,9 @@ export function ImageUploader({
|
||||
const handleSelectClick = () => {
|
||||
fileInputRef.current?.click();
|
||||
};
|
||||
|
||||
// Determine the current image to display
|
||||
const currentImage = fileUrl || preview || existingImage;
|
||||
|
||||
const currentImage = getServerFileUrl(fileUrl) || preview || existingImage;
|
||||
// const currentImage = preview || existingImage;
|
||||
return (
|
||||
<div className={`w-full space-y-2 ${className}`}>
|
||||
{label && (
|
||||
|
||||
@@ -52,7 +52,6 @@ export function usePresignedUpload(options: UsePresignedUploadOptions = {}) {
|
||||
if (!data || !data.upload_url || !data.file_url) {
|
||||
throw new Error("Invalid response obtaining presigned URLs");
|
||||
}
|
||||
console.log("Presigned URL response: ", data);
|
||||
return data;
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user