add program type to feedcard

bounswe · Dec 16, 2024 · 2ec9eff · 2ec9eff
1 parent 0101536
commit 2ec9eff
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/frontend/src/components/ProgramFeedCard.component.jsx b/frontend/src/components/ProgramFeedCard.component.jsx
@@ -317,6 +317,21 @@ function ProgramFeedCard({
                     flexDirection='column'
                     gap='4'
                 >
+                    <span className="
+                    px-2 py-1 
+                    bg-blue-50 
+                    text-blue-600 
+                    rounded-full 
+                    text-xs 
+                    font-semibold 
+                    inline-flex 
+                    items-center
+                ">
+                    <svg xmlns="http://www.w3.org/2000/svg" className="h-3 w-3 mr-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
+                    </svg>
+                    Type: {program.type}
+                </span>
                     <Text
                         fontSize={"xl"}
                         fontWeight={"bold"}

diff --git a/frontend/src/components/Training.component.jsx b/frontend/src/components/Training.component.jsx
@@ -392,9 +392,9 @@ const TrainingCard = () => {
             </p>
 
             {/* Rating */}
-            <div className="flex justify-center mb-6">
+            {/* <div className="flex justify-center mb-6">
                 {renderRatingStars(trainingProgram.rating, trainingProgram.ratingCount)}
-            </div>
+            </div> */}
 
             {/* Join/Unjoin Button Section */}
             <div className="flex justify-center mb-4">