Andal.LND/frontend-app-learner-dashboard
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add amplitude recommendations cookie [VAN-1149] (#65)

Browse Source
This commit is contained in:
Syed Sajjad Hussain Shah
2022-11-08 20:37:00 +05:00
committed by GitHub
parent 2a72a85efd
commit e92a571cac
9 changed files with 41 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/widgets/RecommendationsPanel/components/CourseCard.jsx
View File

@@ -4,12 +4,26 @@ import PropTypes from 'prop-types';
import { Card, Hyperlink, Truncate } from '@edx/paragon';
import { useIsCollapsed } from 'containers/CourseCard/hooks';
import { configuration } from '../../../config';
import { setCookie, getCookie } from '../../../utils/cookies';
import './index.scss';
export const CourseCard = ({ course }) => {
const isCollapsed = useIsCollapsed();
const handleCourseClick = () => {
const cookieName = configuration.PERSONALIZED_RECOMMENDATION_COOKIE_NAME;
let recommendedCourses = getCookie(cookieName);
if (typeof recommendedCourses === 'undefined') {
recommendedCourses = { course_keys: [course.courseKey] };
} else if (!recommendedCourses.course_keys.includes(course.courseKey)) {
recommendedCourses.course_keys.push(course.courseKey);
}
setCookie(cookieName, JSON.stringify(recommendedCourses), 365);
};
return (
<Hyperlink destination={course?.marketingUrl} className="card-link">
<Hyperlink destination={course?.marketingUrl} className="card-link" onClick={handleCourseClick}>
<Card orientation={isCollapsed ? 'vertical' : 'horizontal'} className="p-3 mb-1 recommended-course-card">
<div className={isCollapsed ? '' : 'd-flex align-items-center'}>
<Card.ImageCap