Merge pull request #66 from AAISS/finished-events-flag

feat: disabled 'add to cart' button for finished workshops and presen…
AAISS · Dec 6, 2023 · 5f5030e · 5f5030e
2 parents d878416 + 3a237e3
commit 5f5030e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/frontend/src/components/item-card/item-card.jsx b/frontend/src/components/item-card/item-card.jsx
@@ -85,7 +85,7 @@ const ItemCard = ({
     switch (purchaseState) {
       case 0:
         return (
-          <Button variant="outlined" size="small" disabled={isFull} onClick={onClickAddToCart}>
+          <Button variant="outlined" size="small" disabled={isFull || finished} onClick={onClickAddToCart}>
             Add to Cart
           </Button>
         );
@@ -117,6 +117,7 @@ const ItemCard = ({
         purchaseState={purchaseState}
         description={description}
         level={level}
+        finished={finished}
         hasProject={hasProject}
         prerequisites={prerequisites}
         syllabus={syllabus}
@@ -171,7 +172,7 @@ const ItemCard = ({
           {!hasBought && <Cost cost={cost} />}
           {!hasBought && shouldShowFullCapacity && <FullCapacityChip />}
             {finished && <div style={{
-                backgroundColor: "grey",
+                backgroundColor: "#ec6803",
                 borderRadius: "5px",
                 display: "inline-block",
                 padding: "2px 5px 2px 5px"

diff --git a/frontend/src/components/item-card/more-info-modal.jsx b/frontend/src/components/item-card/more-info-modal.jsx
@@ -46,6 +46,7 @@ const Syllabus = ({ syllabus }) => (
 const MoreInfoModal = ({
   visibility,
   onVisibilityChange,
+    finished,
   title,
   presenterName,
   cost,
@@ -124,7 +125,7 @@ const MoreInfoModal = ({
       <DialogActions>
         <Button onClick={onVisibilityChange}>Close</Button>
         {purchaseState === 0 ? (
-          <Button disabled={isFull} onClick={handleClickAddToCart}>
+          <Button disabled={finished || isFull} onClick={handleClickAddToCart}>
             Add To Cart
           </Button>
         ) : purchaseState === 1 ? (
@@ -150,6 +151,7 @@ MoreInfoModal.propTypes = {
   description: PropTypes.string,
   onClickAddToCart: PropTypes.func,
   onClickRemoveFromCart: PropTypes.func,
+  finished: PropTypes.bool,
 };
 
 export default MoreInfoModal;