Merge pull request #7271 from kishore08-07/fix-broken-links

Fixed broken links in learning-paths

Author: saurabhraghuvanshii

src/sections/Learn-Layer5/Course-Overview/index.js

@@ -63,7 +63,7 @@ const CourseOverview = ({ course, chapters, serviceMeshesList, children }) => {
   return (
     <CourseOverviewWrapper>
       <div className="course-back-btn">
-        <Link to={"/learn/learning-paths/${course.fields.learnpath}"}>
+        <Link to={`/learn/learning-paths/${course.fields.learnpath}`}>
           <IoChevronBackOutline /> <h4>Learning Paths/Courses</h4>
         </Link>
       </div>
@@ -87,7 +87,7 @@ const CourseOverview = ({ course, chapters, serviceMeshesList, children }) => {
           </div>
           <Button
             title={hasBookmark ? "Start Again" : "Get Started"}
-            $url={getChapterTitle(course.frontmatter.toc[0], chapters) ? "/${getChapterTitle(course.frontmatter.toc[0], chapters).fields.slug}" : "#"}
+            $url={getChapterTitle(course.frontmatter.toc[0], chapters) ? `/${getChapterTitle(course.frontmatter.toc[0], chapters).fields.slug}` : "#"}
           />
           {hasBookmark && (
             <Button

src/sections/Learn-Layer5/index.js

@@ -104,7 +104,7 @@ const LearnPathsPage = () => {
         <Row className="learning-path-cards">
           {data.learnPaths.nodes.map((tutorial) => (
             <Col $sm={6} key={tutorial.id} style={{ marginTop: "2rem" }}>
-              <CardComponent tutorial={tutorial} path={tutorial.fields.learnpath} courseCount={getCoursesOfaLearningPath(tutorial.fields.learnpath).length} />
+              <CardComponent tutorial={tutorial} path={`/${tutorial.fields.slug}`} courseCount={getCoursesOfaLearningPath(tutorial.fields.learnpath).length} />
             </Col>
           ))}
         </Row>

src/sections/Learn/LearnPage-Sections/learning-path.js

@@ -90,7 +90,7 @@ const LearningPaths = () => {
         <Row className="learning-path-cards">
           {data.learnPaths.nodes.map((tutorial) => (
             <Col $sm={6} key={tutorial.id}>
-              <CardComponent tutorial={tutorial} path={`learning-paths/${tutorial.fields.learnpath}`} courseCount={getCoursesOfaLearningPath(tutorial.fields.learnpath).length} />
+              <CardComponent tutorial={tutorial} path={`/learn/learning-paths/${tutorial.fields.learnpath}`} courseCount={getCoursesOfaLearningPath(tutorial.fields.learnpath).length} />
             </Col>
           ))}
         </Row>