fix: img to Image

isd-sgcu · Jul 17, 2024 · 4041f6a · 4041f6a
1 parent 0a483f3
commit 4041f6a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -7,6 +7,10 @@ const nextConfig = {
         protocol: 'https',
         hostname: process.env.BASE_DOMAIN_IMAGES ?? '*',
       },
+      {
+        protocol: 'https',
+        hostname: 'rpkm67.spg1.cdn.digitaloceanspaces.com',
+      },
     ],
   },
   env: {

diff --git a/src/components/(main)/register/UploadProfilePicture.tsx b/src/components/(main)/register/UploadProfilePicture.tsx
@@ -87,13 +87,13 @@ const UploadProfilePicture: React.FC<UploadProfilePictureProps> = ({
       <div className="relative mb-4">
         <div className="w-40 h-56 rounded-t-full p-2 bg-white rounded-lg flex items-center justify-center overflow-hidden border border-gray-300 shadow-md">
           {photo ? (
-            <img
+            <Image
               src={URL.createObjectURL(photo)}
               alt="Profile"
               className="w-full h-full object-contain object-center rounded-t-full"
             />
           ) : currentPhotoUrl ? (
-            <img
+            <Image
               src={currentPhotoUrl}
               alt="Profile"
               className="w-full h-full object-contain object-center rounded-t-full"

diff --git a/src/components/UserCard.tsx b/src/components/UserCard.tsx
@@ -22,7 +22,7 @@ const UserCard = () => {
       <div className="absolute top-[15%] left-[9%] w-[65%] h-[65%] flex flex-col items-center justify-center p-4 bg-blue-900 rounded-lg">
         <div className="w-[35%] h-[50%] overflow-hidden rounded-full">
           {photoUrl && (
-            <img
+            <Image
               src={photoUrl}
               alt="user-picture"
               className="w-full h-full object-cover"