Shortcodes

frontend/app/(auth)/dashboard/settings/media/old.tsx

@@ -1,30 +0,0 @@
-"use client";
-import useFileUpload from "@/hooks/use-file-upload";
-import { ChangeEvent } from "react";
-
-const MyComponent = () => {
-	const { progress, isUploading, error, uploadFile, cancelUpload } =
-		useFileUpload();
-
-	const handleFileUpload = (event: ChangeEvent<HTMLInputElement>) => {
-		const file = event.target.files?.[0];
-		if (file) {
-			uploadFile(file, "/media/upload", (response) => {
-				console.log("Upload success:", response);
-			});
-		}
-	};
-
-	return (
-		<div>
-			<input type="file" onChange={handleFileUpload} />
-			{isUploading && <p>Uploading... {progress}%</p>}
-			{error && <p>Error: {error}</p>}
-			<button onClick={cancelUpload} disabled={!isUploading}>
-				Cancel Upload
-			</button>
-		</div>
-	);
-};
-
-export default MyComponent;

frontend/app/(auth)/dashboard/settings/media/page.tsx

@@ -16,7 +16,6 @@ import { PhotoDialog } from "@/components/photo-dialog";
 import useFileUpload from "@/hooks/use-file-upload";
 import useMedia from "@/hooks/use-media";
 import Media from "@/interfaces/Media";
-import useApiMutation from "@/hooks/use-api";
 import request from "@/lib/request";
 
 export default function PhotoGallery() {
@@ -41,8 +40,22 @@ export default function PhotoGallery() {
 		});
 	};
 
-	const handleUpdatePhoto = (updatedPhoto: Omit<Media, "id">) => {
+	const handleUpdatePhoto = async (
+		body: Media | Omit<Media, "id">,
+		file: File,
+	) => {
 		if (selectedPhoto) {
+			const res = await request<Media>(
+				`/media/${selectedPhoto.id}/update`,
+				{
+					method: "PATCH",
+					requiresAuth: true,
+					body,
+				},
+			);
+			if (res.status === "Success") {
+				mutate();
+			}
 		}
 		setSelectedPhoto(null);
 	};