User profile image (#7)

* feat: User profile Image * fix: Package lock file update for release
edly-io · Dec 1, 2023 · 3cfeb3d · 3cfeb3d
1 parent 54802de
commit 3cfeb3d
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/course-home/dates-tab/DatesTab.jsx b/src/course-home/dates-tab/DatesTab.jsx
@@ -42,7 +42,7 @@ const DatesTab = ({ intl }) => {
   };
 
   return (
-    <div className="raised-card dates-tab">
+    <div className="raised-card dates-tab mt-5">
       <div role="heading" aria-level="1" className="heading mb-3">
         {intl.formatMessage(messages.title)}
       </div>

diff --git a/src/courseware/course/Course.jsx b/src/courseware/course/Course.jsx
@@ -82,7 +82,7 @@ const Course = ({
       <Helmet>
         <title>{`${pageTitleBreadCrumbs.join(' | ')} | ${getConfig().SITE_NAME}`}</title>
       </Helmet>
-      <div className="position-relative d-flex align-items-center course-breadcrumbs">
+      <div className="position-relative d-flex align-items-center course-breadcrumbs mt-5">
         <CourseBreadcrumbs
           courseId={courseId}
           sectionId={section ? section.id : null}

diff --git a/src/index.scss b/src/index.scss
@@ -122,7 +122,7 @@
 }
 
 .course-tabs-navigation {
-  margin-bottom: 3rem;
+  margin-bottom: 0;
 
   .container-xl {
     max-width: 1660px;

diff --git a/src/tab-page/TabPage.jsx b/src/tab-page/TabPage.jsx
@@ -36,6 +36,7 @@ const TabPage = ({ intl, ...props }) => {
     org,
     start,
     title,
+    profileImageUrl,
   } = useModel('courseHomeMeta', courseId);
 
   if (courseStatus === 'loading') {
@@ -78,6 +79,7 @@ const TabPage = ({ intl, ...props }) => {
           courseOrg={org}
           courseNumber={number}
           courseTitle={title}
+          userProfileImage={profileImageUrl}
         />
         <LoadedTabPage {...props} />
         <Footer />