Completed functionality for updating profile picture

ad956 · Jun 16, 2024 · b710f63 · b710f63
1 parent 27a2a42
commit b710f63
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/app/(pages)/patient/components/ProfileSettings/index.tsx b/app/(pages)/patient/components/ProfileSettings/index.tsx
@@ -9,7 +9,7 @@ import {
   Tooltip,
   DatePicker,
 } from "@nextui-org/react";
-import { CldUploadWidget } from "next-cloudinary";
+import { CldUploadWidget, CloudinaryUploadWidgetInfo } from "next-cloudinary";
 import Image from "next/image";
 import React, { type ChangeEvent, useRef, useState, useEffect } from "react";
 import { AiTwotoneEye, AiOutlineEyeInvisible } from "react-icons/ai";
@@ -286,9 +286,10 @@ export default function ProfileSettings({ patient }: { patient: Patient }) {
           <CldUploadWidget
             signatureEndpoint="/api/cloudinary/sign-image"
             onSuccess={async (result) => {
+              const info = result.info as CloudinaryUploadWidgetInfo;
               const res = await fetch("/api/patient/update-profile/profile", {
-                method:"PUT",
-                body: JSON.stringify(result.info),
+                method: "PUT",
+                body: JSON.stringify(info.secure_url),
               });
 
               const isProfileUpdated = await res.json();