modif: tutor has been rating and band disabled temporary.

Author: mmoehabb

apps/web/src/components/TutorProfile/ProfileCard.tsx

@@ -1,5 +1,4 @@
 import React, { useCallback, useEffect, useMemo } from "react";
-import Star from "@litespace/assets/Star";
 import { Void } from "@litespace/types";
 import cn from "classnames";
 import { useFormatMessage } from "@litespace/ui/hooks/intl";
@@ -40,8 +39,6 @@ export const ProfileCard: React.FC<{
   role,
   studentCount,
   lessonCount,
-  avgRating,
-  ratingCount,
   loading,
   error,
   onBook,
@@ -140,7 +137,8 @@ export const ProfileCard: React.FC<{
               "w-[90px] h-[90px] md:w-[242px] md:h-[242px]"
             )}
           >
-            {role === IUser.Role.TutorManager && (
+            {/* TODO: re-enable the recommended band */}
+            {/* role === IUser.Role.TutorManager && (
               <Typography
                 tag="p"
                 className={cn(
@@ -152,7 +150,7 @@ export const ProfileCard: React.FC<{
               >
                 {intl("tutor.recommended")}
               </Typography>
-            )}
+            ) */}
             <AvatarV2 src={image} alt={name} id={id} object="cover" />
           </div>
 
@@ -200,7 +198,8 @@ export const ProfileCard: React.FC<{
                   </Typography>
                 ) : null}
               </div>
-              {avgRating > 0 ? (
+              {/* TODO: re-enable the rating view */}
+              {/* avgRating > 0 ? (
                 <div className="flex items-center gap-2">
                   <Typography
                     tag="span"
@@ -218,7 +217,7 @@ export const ProfileCard: React.FC<{
                     ({intl("tutor-profile.rating", { count: ratingCount })})
                   </Typography>
                 </div>
-              ) : null}
+              ) : null */}
             </div>
             {sm ? BookButton : null}
           </div>

apps/web/src/components/Tutors/TutorCard.tsx

@@ -15,7 +15,6 @@ import { isEmpty } from "lodash";
 import React from "react";
 import { Link } from "react-router-dom";
 import { useFindTutorRatings } from "@litespace/headless/rating";
-import { IUser } from "@litespace/types";
 
 const MAXIMUM_CARD_TOPICS_NUM = 4;
 
@@ -37,12 +36,10 @@ export const TutorCard: React.FC<{
   about,
   name,
   image,
-  rating,
   topics,
   onBook,
   buttonSize = "medium",
   cardHeight,
-  role,
 }) => {
   const intl = useFormatMessage();
 
@@ -72,7 +69,8 @@ export const TutorCard: React.FC<{
             cardHeight || "h-80 max-h-80"
           )}
         >
-          {role === IUser.Role.TutorManager && (
+          {/* TODO: re-enable the recommended band */}
+          {/* role === IUser.Role.TutorManager && (
             <Typography
               tag="p"
               className={cn(
@@ -84,7 +82,7 @@ export const TutorCard: React.FC<{
             >
               {intl("tutor.recommended")}
             </Typography>
-          )}
+          ) */}
           <AvatarV2 src={image} alt={name} id={tutorId} object="cover" />
         </div>
 
@@ -96,7 +94,8 @@ export const TutorCard: React.FC<{
             >
               {name}
             </Typography>
-            {rating ? <Rating tutorId={tutorId} rating={rating} /> : null}
+            {/* TODO: re-enable the ratings once view */}
+            {/* rating ? <Rating tutorId={tutorId} rating={rating} /> : null */}
           </div>
           <Optional show={!!about}>
             <Typography
@@ -161,7 +160,7 @@ export const TutorCard: React.FC<{
   );
 };
 
-const Rating: React.FC<{ tutorId: number; rating: number }> = ({
+export const Rating: React.FC<{ tutorId: number; rating: number }> = ({
   tutorId,
   rating,
 }) => {