feat(dimentorin): senpai statistics from API (total sessions, mentee impact, avg rating)

apps/dimentorin/src/app/(public)/mentoring/[id]/_components/sections/senpai-statistics.tsx

@@ -1,14 +1,23 @@
 import { StarFilled } from "@ant-design/icons";
 import { For } from "@imphnen-frontend-service/utils";
+import { useGetMentorStats } from "@imphnen-frontend-service/service";
 import { FC } from "react";
 
-const SENPAI_STATISTIC = [
-  { name: 'Total Sessions', count: 8 },
-  { name: 'Mentee Impact', count: 1000 },
-  { name: 'Response Time', count: '30 Minute' }
-]
+type Props = {
+  mentorId?: string;
+};
+
+const formatCount = (n: number) => (n >= 1000 ? `${(n / 1000).toFixed(n >= 100000 ? 0 : 1)}k` : `${n}`);
+
+export const StatisticsSection: FC<Props> = ({ mentorId }) => {
+  const { data: stats } = useGetMentorStats(mentorId ?? "")
+
+  const SENPAI_STATISTIC: { name: string; count: string }[] = [
+    { name: 'Total Sessions', count: formatCount(stats?.total_sessions ?? 0) },
+    { name: 'Mentee Impact', count: formatCount(stats?.unique_mentees ?? 0) },
+    { name: 'Avg Rating', count: stats && stats.avg_rating > 0 ? `${stats.avg_rating}/5` : '-' },
+  ]
 
-export const StatisticsSection: FC = () => {
   return (
     <div className="md:mb-10">
       <h2 className="text-xs font-semibold mb-3 md:text-[15px] xl:text-[19px]">Senpai Statistics</h2>

apps/dimentorin/src/app/(public)/mentoring/[id]/page.tsx

@@ -40,7 +40,7 @@ export const Components: FC = () => {
 
             <div className="bg-white px-4 py-5 md:px-8 md:pb-6 md:pt-0 xl:py-7 xl:flex xl:gap-x-10">
               <div className="space-y-10 md:space-y-7 xl:flex-1">
-                <StatisticsSection />
+                <StatisticsSection mentorId={mentor?.id} />
                 <TopicsSection />
 
                 <div className="px-6 py-8 rounded-md shadow-md">

libs/service/src/api/dimentorin/index.ts

@@ -7,6 +7,7 @@ import {
   TMentorDetail,
   TMentorListParams,
   TMentorRegisterRequest,
+  TMentorStats,
   TSessionFeedbackRequest,
   TSessionListResponse,
   TBookSessionRequest,
@@ -135,6 +136,14 @@ export const getArticleById = async (id: string): Promise<TArticleDetail> => {
   return data.data;
 };
 
+export const getMentorStats = async (mentorId: string): Promise<TMentorStats> => {
+  const { data } = await api({
+    method: 'GET',
+    url: `/dimentorin/mentors/${mentorId}/stats`,
+  });
+  return data.data;
+};
+
 export const postRegisterMentor = async (
   payload: TMentorRegisterRequest
 ): Promise<TResponseMessage> => {

libs/service/src/hooks/dimentorin/index.ts

@@ -9,6 +9,7 @@ import {
   getMentorMe,
   getMentorMeStatus,
   getMentorSessions,
+  getMentorStats,
   getMentors,
   getMySessions,
   postBookSession,
@@ -24,6 +25,7 @@ import {
   TMentorDetail,
   TMentorListParams,
   TMentorRegisterRequest,
+  TMentorStats,
   TSessionFeedbackRequest,
   TSessionListResponse,
 } from '../../types/dimentorin';
@@ -69,12 +71,22 @@ export const useGetMentorMeStatus = (): UseQueryResult<
 };
 
 export const useGetMentorAvailability = (
-  id: string
+  mentorId: string
 ): UseQueryResult<TMentorAvailability, TResponseError> => {
   return useQuery({
-    queryKey: ['get-mentor-availability', id],
-    queryFn: async () => await getMentorAvailability(id),
-    enabled: !!id,
+    queryKey: ['get-mentor-availability', mentorId],
+    queryFn: async () => await getMentorAvailability(mentorId),
+    enabled: !!mentorId,
+  });
+};
+
+export const useGetMentorStats = (
+  mentorId: string
+): UseQueryResult<TMentorStats, TResponseError> => {
+  return useQuery({
+    queryKey: ['get-mentor-stats', mentorId],
+    queryFn: async () => await getMentorStats(mentorId),
+    enabled: !!mentorId,
   });
 };
 

libs/service/src/types/dimentorin/index.ts

@@ -98,6 +98,13 @@ export type TSessionFeedbackRequest = {
   rating: number;
 };
 
+export type TMentorStats = {
+  mentor_id: string;
+  total_sessions: number;
+  unique_mentees: number;
+  avg_rating: number;
+};
+
 export type TArticleListItem = {
   id: string;
   title: string;