refactor: type and remove dev page

isd-sgcu · Jul 15, 2024 · 7c43ab7 · 7c43ab7
1 parent f414374
commit 7c43ab7
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 34 deletions.
diff --git a/src/app/dev/page.tsx b/src/app/dev/page.tsx
diff --git a/src/app/rpkm/page.tsx b/src/app/rpkm/page.tsx
@@ -0,0 +1,14 @@
+'use client'
+
+import UserCard from '@/components/UserCard'
+import React from 'react'
+
+const page = () => {
+  return (
+    <div>
+        <UserCard />
+    </div>
+  )
+}
+
+export default page
diff --git a/src/components/UserCard.tsx b/src/components/UserCard.tsx
@@ -10,7 +10,7 @@ const UserCard = () => {
   const { user } = useAuth();
   const name = `${user?.firstname} ${user?.lastname}`;
   const studentId = user?.email.split('@')[0];
-  const photo_url = user?.photo_url;
+  const photoUrl = user?.photoUrl;
 
   return (
     <div className="relative w-full h-full flex justify-center items-center p-4">
@@ -21,9 +21,9 @@ 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">
-          {photo_url && (
+          {photoUrl && (
             <img
-              src={photo_url}
+              src={photoUrl}
               alt="user-picture"
               className="w-full h-full object-cover"
             />