From 12585c86a2fda79a6584d2da502189ad05c8fc89 Mon Sep 17 00:00:00 2001
From: IrfanUddinAhmad <irfanahmad@arbisoft.com>
Date: Tue, 28 Nov 2023 18:14:02 +0500
Subject: [PATCH] feat: ENT-7851 Added course section title for learners's
 first visit

---
 .../course-enrollments/CourseEnrollments.jsx       | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/dashboard/main-content/course-enrollments/CourseEnrollments.jsx b/src/components/dashboard/main-content/course-enrollments/CourseEnrollments.jsx
index f27a1c6180..047bb6e6fe 100644
--- a/src/components/dashboard/main-content/course-enrollments/CourseEnrollments.jsx
+++ b/src/components/dashboard/main-content/course-enrollments/CourseEnrollments.jsx
@@ -1,6 +1,7 @@
 import React, {
   useContext, useEffect, useMemo, useState,
 } from 'react';
+import Cookies from 'universal-cookie';
 
 import PropTypes from 'prop-types';
 import { AppContext } from '@edx/frontend-platform/react';
@@ -21,6 +22,7 @@ export const COURSE_SECTION_TITLES = {
   completed: 'Completed courses',
   savedForLater: 'Saved for later',
   assigned: 'Assigned Courses',
+  firstTimeUserAndAssigned: 'Your learning journey starts now!',
 };
 export const ASSIGNMENT_TYPES = {
   accepted: 'accepted',
@@ -49,6 +51,16 @@ const CourseEnrollments = ({ children }) => {
   const [assignments, setAssignments] = useState([]);
   const [showCancelledAssignmentsAlert, setShowCancelledAssignmentsAlert] = useState(false);
   const [showExpiredAssignmentsAlert, setShowExpiredAssignmentsAlert] = useState(false);
+  const [isFirstVisit, setIsFirstVisit] = useState(false);
+
+  useEffect(() => {
+    const cookies = new Cookies();
+    const hasUserVisitedDashboard = cookies.get('has-user-visited-learner-dashboard');
+    if (!hasUserVisitedDashboard) {
+      cookies.set('has-user-visited-learner-dashboard', true, { path: '/' });
+      setIsFirstVisit(true);
+    }
+  }, []);
 
   useEffect(() => {
     const data = redeemableLearnerCreditPolicies?.flatMap(item => item?.learnerContentAssignments || []);
@@ -142,7 +154,7 @@ const CourseEnrollments = ({ children }) => {
       <>
         {features.FEATURE_ENABLE_TOP_DOWN_ASSIGNMENT && (
           <CourseSection
-            title={COURSE_SECTION_TITLES.assigned}
+            title={isFirstVisit ? COURSE_SECTION_TITLES.firstTimeUserAndAssigned : COURSE_SECTION_TITLES.assigned}
             courseRuns={assignedCourses}
           />
         )}