UPDATE: Fix bugs for my learning page

nqq203 · Apr 16, 2024 · 7f91d56 · 7f91d56
1 parent 69a1fc4
commit 7f91d56
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/src/api/user.js b/src/api/user.js
@@ -20,10 +20,10 @@ export const callApiGetUserByEmail = async (userEmail) => {
   return data;
 }
 
-export const callApiGetUserById = async (userId) => {
+export const callApiGetUserById = async (id) => {
   const { data } = await api.get('/users/id', { 
     params:{ 
-      userId
+      id
     }
   });
   return data;

diff --git a/src/page/myLearning/courseCard.js b/src/page/myLearning/courseCard.js
@@ -36,18 +36,31 @@ export default function CourseCard({ course }) {
   return (
     <Card sx={{ maxWidth: 250 }}>
       <CardMedia
-        sx={{ height: 140 }}
-        image="/images/courses/reactnative.png"
+        sx={{ width: 250, height: 140 }}
+        image={course.imageUrl}
         title={course.name}
       />
-      <CardContent sx={{paddingTop: 0}}>
-        <MyCourseCardItemName variant="h6" fontWeight={600}>
-            {course.name}
-        </MyCourseCardItemName>
+      <CardContent sx={{
+        height: 160,
+        paddingTop: 0, 
+        paddingBottom: 0,
+        display: 'flex', 
+        flexDirection: 'column', 
+        justifyContent: 'space-between',
+        alignItems: 'space-between',
+        "&:last-child": {
+          paddingBottom: 1
+        }
+      }}>
+        <div>
+          <MyCourseCardItemName variant="h6" fontWeight={600}>
+              {course.name}
+          </MyCourseCardItemName>
 
-        <MyCourseCardItemDescription>
-            By {instructor ? instructor.metadata.fullName : ""}
-        </MyCourseCardItemDescription>
+          <MyCourseCardItemDescription>
+              By {instructor ? instructor.metadata.fullName : ""}
+          </MyCourseCardItemDescription>
+        </div>
 
         <MyCourseRating>
           <Rating name="simple-controlled" value={value} onChange={(event, newValue) => { setValue(newValue);}}/>