feat: add level to more info modal

AAISS · Nov 27, 2023 · 514743d · 514743d
1 parent 756069e
commit 514743d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/components/item-card/item-card.jsx b/frontend/src/components/item-card/item-card.jsx
@@ -42,7 +42,7 @@ const Level = ({ name, color }) => (
   </Stack>
 );
 
-const levelComponentMapping = {
+export const levelComponentMapping = {
   Elementary: <Level name="elementary" color="success.light" />,
   Intermediate: <Level name="intermediate" color="secondary.main" />,
   Advanced: <Level name="advanced" color="warning.light" />,
@@ -108,6 +108,7 @@ const ItemCard = ({
         presenterName={presenterName}
         cost={cost}
         purchaseState={purchaseState}
+        level={level}
         hasProject={hasProject}
         prerequisites={prerequisites}
         syllabus={syllabus}

diff --git a/frontend/src/components/item-card/more-info-modal.jsx b/frontend/src/components/item-card/more-info-modal.jsx
@@ -13,7 +13,7 @@ import {
   Chip,
 } from '@mui/material';
 import PropTypes from 'prop-types';
-import { Cost, Presenter } from './item-card';
+import { Cost, levelComponentMapping, Presenter } from './item-card';
 
 const Prerequisites = ({ prerequisites }) => (
   <>
@@ -45,6 +45,7 @@ const MoreInfoModal = ({
   title,
   presenterName,
   cost,
+  level,
   purchaseState,
   hasProject,
   prerequisites,
@@ -72,6 +73,7 @@ const MoreInfoModal = ({
       <DialogTitle variant="h5">{title}</DialogTitle>
       <DialogContent>
         <Presenter presenterName={presenterName} />
+        {levelComponentMapping[level]}
         <Cost cost={cost} />
         <Divider sx={{ my: 2 }} />
         <Prerequisites prerequisites={prerequisites} />
@@ -104,6 +106,7 @@ MoreInfoModal.propTypes = {
   title: PropTypes.string,
   presenterName: PropTypes.string,
   cost: PropTypes.number,
+  level: PropTypes.string,
   isBought: PropTypes.bool,
   purchaseState: PropTypes.number,
   prerequisites: PropTypes.string,