Removing live course access concept (#1191)

* Update CourseCard.tsx Removed concept of liveCourseAccess from Course Card * Update index.tsx Remove concept of liveCourseAccess from Course Card --------- Co-authored-by: Kylee Fields <[email protected]>
chaynHQ · Nov 13, 2024 · 33629d3 · 33629d3
1 parent d36b607
commit 33629d3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 31 deletions.
diff --git a/components/cards/CourseCard.tsx b/components/cards/CourseCard.tsx
@@ -1,5 +1,3 @@
-import Circle from '@mui/icons-material/Circle';
-import Event from '@mui/icons-material/Event';
 import KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';
 import PendingOutlined from '@mui/icons-material/PendingOutlined';
 import {
@@ -19,7 +17,6 @@ import { useRouter } from 'next/router';
 import { useState } from 'react';
 import { PROGRESS_STATUS } from '../../constants/enums';
 import { iconTextRowStyle, rowStyle } from '../../styles/common';
-import { courseIsLiveNow, courseIsLiveSoon } from '../../utils/courseLiveStatus';
 import { formatDateToString } from '../../utils/dateTime';
 import Link from '../common/Link';
 import ProgressStatus from '../common/ProgressStatus';
@@ -71,20 +68,17 @@ const statusRowStyle = {
 interface CourseCardProps {
   course: ISbStoryData;
   courseProgress: PROGRESS_STATUS | null;
-  liveCourseAccess: boolean;
   clickable?: boolean;
 }
 
 const CourseCard = (props: CourseCardProps) => {
-  const { course, courseProgress, liveCourseAccess, clickable = true } = props;
+  const { course, courseProgress, clickable = true } = props;
   const [expanded, setExpanded] = useState<boolean>(false);
   const t = useTranslations('Courses');
   const router = useRouter();
   const locale = router.locale || 'en';
 
   const courseComingSoon: boolean = course.content.coming_soon;
-  const courseLiveSoon: boolean = courseIsLiveSoon(course.content);
-  const courseLiveNow: boolean = courseIsLiveNow(course.content);
 
   const handleExpandClick = () => {
     setExpanded(!expanded);
@@ -145,32 +139,13 @@ const CourseCard = (props: CourseCardProps) => {
         </CardContent>
       )}
       <CardActions sx={cardActionsStyle}>
-        {courseComingSoon && (!courseLiveSoon || !liveCourseAccess) && (
+        {courseComingSoon && !courseLiveSoon && (
           <Box sx={statusRowStyle}>
             <PendingOutlined color="error" />
             <Typography>{t('comingSoon')}</Typography>
           </Box>
         )}
-        {courseLiveSoon && liveCourseAccess && (
-          <Box sx={statusRowStyle}>
-            <Event color="error" />
-            <Typography>
-              {t.rich('liveFrom', {
-                date: formatDateToString(course.content.live_start_date, locale),
-              })}
-            </Typography>
-          </Box>
-        )}
-        {courseLiveNow && liveCourseAccess && (
-          <Box sx={statusRowStyle}>
-            <Circle color="error" />
-            <Typography>
-              {t.rich('liveUntil', {
-                date: formatDateToString(course.content.live_end_date, locale),
-              })}
-            </Typography>
-          </Box>
-        )}
+
 
         <IconButton
           sx={{ marginLeft: 'auto' }}

diff --git a/pages/courses/index.tsx b/pages/courses/index.tsx
@@ -52,7 +52,6 @@ const CourseList: NextPage<Props> = ({ stories }) => {
   const courses = useTypedSelector((state) => state.courses);
 
   const eventUserData = getEventUserData(userCreatedAt, partnerAccesses, partnerAdmin);
-  const liveCourseAccess = !!userId; // soon to be retired in issue 1176
   const t = useTranslations('Courses');
 
   const headerProps = {
@@ -163,7 +162,6 @@ const CourseList: NextPage<Props> = ({ stories }) => {
                     key={course.id}
                     course={course}
                     courseProgress={courseProgress}
-                    liveCourseAccess={liveCourseAccess}
                   />
                 );
               })}
@@ -177,7 +175,6 @@ const CourseList: NextPage<Props> = ({ stories }) => {
                     key={course.id}
                     course={course}
                     courseProgress={courseProgress}
-                    liveCourseAccess={liveCourseAccess}
                   />
                 );
               })}