From 60515e2f902ca8b9e19dda066472ebdf493887ed Mon Sep 17 00:00:00 2001
From: Przemek <przemek.wiktorski@escola.pl>
Date: Wed, 20 Nov 2024 11:27:16 +0100
Subject: [PATCH] update course card for consultations

---
 src/components/molecules/NewCourseCard/NewCourseCard.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/NewCourseCard/NewCourseCard.tsx b/src/components/molecules/NewCourseCard/NewCourseCard.tsx
index ae4839ca..ad155251 100644
--- a/src/components/molecules/NewCourseCard/NewCourseCard.tsx
+++ b/src/components/molecules/NewCourseCard/NewCourseCard.tsx
@@ -52,6 +52,7 @@ export interface CourseCardProps
   price?: ReactNode;
   actions?: ReactNode;
   disabled?: boolean;
+  footer?: ReactNode;
 }
 
 const StyledCourseCard = styled("div")<StyledCourseCardProps>`
@@ -240,6 +241,7 @@ export const NewCourseCard: React.FC<CourseCardProps> = (props) => {
     progress,
     actions,
     disabled,
+    footer,
   } = props;
 
   const { t } = useTranslation();
@@ -319,13 +321,14 @@ export const NewCourseCard: React.FC<CourseCardProps> = (props) => {
               </Text>
             )
           )}
-          <div className="course-title">{title}</div>
+          <div className="course-title">{title}</div>{" "}
+          <div className="course-price">{price}</div>
           <div className="course-actions">
             {actions && (
               <div className={"course-card-buttons-group"}>{actions}</div>
             )}
-            <div className="course-price">{price}</div>
           </div>
+          {footer && <footer className="footer">{footer}</footer>}
         </div>
       </div>
       {disabled && (