-
-
- {peerTaskCount}
-
-
- tasks pending for
-
- peer-approval
-
-
-
-
-
- {appraiserTaskCount}
-
-
- tasks pending for
-
- appraisal-approval
-
-
-
+ {!countLoading && <>
+ {currentTab === "tasks" &&
+
+
+ {peerTaskCount}
+ tasks pending for
peer-approval
+
+
+ {appraiserTaskCount}
+ tasks pending for
appraisal-approval
- )}
-
- )}
- {currentTab === "leaderboard" ? (
+
+ }
+ }
+ {currentTab === "leaderboard" ?
- ) : (
+ :
- )}
+ }
- );
-};
+ )
+}
+
export default DiscordModeration;
diff --git a/src/modules/Dashboard/modules/DiscordModeration/services/apis.ts b/src/modules/Dashboard/modules/DiscordModeration/services/apis.ts
index 62f12ef77..5282ae0ef 100644
--- a/src/modules/Dashboard/modules/DiscordModeration/services/apis.ts
+++ b/src/modules/Dashboard/modules/DiscordModeration/services/apis.ts
@@ -4,17 +4,44 @@ import { AxiosError } from "axios";
export const getTaskList = async (
setTaskData: UseStateFunc
,
- setIsLoading: UseStateFunc
+ pageTD: number,
+ selectedValue: number,
+ setTotalPagesTD?: UseStateFunc,
+ sortID?: string,
+ setIsLoading?: UseStateFunc,
) => {
- setIsLoading(true);
- try {
- const response = await privateGateway.get(dashboardRoutes.taskList);
- const taskList: any = response?.data.response;
- setTaskData(taskList);
- setIsLoading(false);
- } catch (err: unknown) {
- const error = err as AxiosError;
- }
+ console.log(sortID);
+
+ setIsLoading && setIsLoading(true);
+ privateGateway
+ .get(dashboardRoutes.taskList, {
+ params: {
+ perPage: selectedValue,
+ pageIndex: pageTD,
+ sortBy: sortID
+ }
+ })
+ .then(
+ (
+ response: APIResponse<{
+ data: any[];
+ pagination: { totalPages: number };
+ }>
+ ) => {
+ console.log(response.data);
+
+ const updatedTaskData= response.data.response.data
+ setTaskData(updatedTaskData);
+ if (setTotalPagesTD)
+ setTotalPagesTD(response.data.response.pagination.totalPages);
+ }
+ )
+ .catch(error => {
+ console.log(error);
+ })
+ .finally(() => {
+ setIsLoading && setIsLoading(false);
+ });
};
export const getTaskCount = async (
@@ -24,12 +51,10 @@ export const getTaskCount = async (
) => {
setCountLoading(true);
try {
- const response = await privateGateway.get(
- dashboardRoutes.taskListCount
- );
+ const response = await privateGateway.get(dashboardRoutes.taskListCount);
const taskData: any = response?.data.response;
- setpeerTaskCount(taskData.peer_pending);
- setappraiserTaskCount(taskData.peer_pending);
+ setpeerTaskCount(taskData.peer_pending)
+ setappraiserTaskCount(taskData.peer_pending)
setCountLoading(false);
} catch (err: unknown) {
const error = err as AxiosError;
@@ -38,23 +63,40 @@ export const getTaskCount = async (
export const getLeaderBoard = async (
setLeaderBoardData: UseStateFunc,
- setIsLoading: UseStateFunc,
- moderatorType: String | null
+ pageLD: number,
+ selectedValue: number,
+ moderatorType:String | null,
+ setTotalPagesLD?: UseStateFunc,
+ sortID?: string,
+ setIsLoading?: UseStateFunc,
) => {
- setIsLoading(true);
- try {
- console.log("api called", moderatorType);
- const response = await privateGateway.get(dashboardRoutes.leaderboard, {
- params: {
- option: moderatorType
- }
- });
- const leaderboardList: any = response?.data.response;
- console.log(leaderboardList);
- setLeaderBoardData(leaderboardList);
- setIsLoading(false);
- } catch (err: unknown) {
- const error = err as AxiosError;
- console.log(err);
- }
+ setIsLoading && setIsLoading(true);
+ privateGateway
+ .get(dashboardRoutes.leaderboard, {
+ params: {
+ perPage: selectedValue,
+ pageIndex: pageLD,
+ sortBy: sortID,
+ option:moderatorType
+ }
+ })
+ .then(
+ (
+ response: APIResponse<{
+ data: any[];
+ pagination: { totalPages: number };
+ }>
+ ) => {
+ const updatedLeaderBoardData= response.data.response.data
+ setLeaderBoardData(updatedLeaderBoardData);
+ if (setTotalPagesLD)
+ setTotalPagesLD(response.data.response.pagination.totalPages);
+ }
+ )
+ .catch(error => {
+ console.log(error);
+ })
+ .finally(() => {
+ setIsLoading && setIsLoading(false);
+ });
};
diff --git a/src/modules/Dashboard/modules/ProfileV2/components/ProfileHeader/ProfileHeader.tsx b/src/modules/Dashboard/modules/ProfileV2/components/ProfileHeader/ProfileHeader.tsx
index 6d67ea7ba..188b43821 100644
--- a/src/modules/Dashboard/modules/ProfileV2/components/ProfileHeader/ProfileHeader.tsx
+++ b/src/modules/Dashboard/modules/ProfileV2/components/ProfileHeader/ProfileHeader.tsx
@@ -13,150 +13,143 @@ import Dribble from "../../assets/svg/Dribble";
import StackOverflow from "../../assets/svg/StackOverflow";
import Medium from "../../assets/svg/Medium";
interface ProfileHeaderProps {
- userProfile: {
- first_name: string;
- last_name: string;
- college_code: string;
- muid: string;
- level: string;
- profile_pic: string;
- karma: string;
- rank: string;
- };
- socials: { key: string; value: string }[];
- monthDifference: number;
+ userProfile: {
+ first_name: string;
+ last_name: string;
+ college_code: string;
+ muid: string;
+ level: string;
+ profile_pic: string;
+ karma: string;
+ rank: string;
+ };
+ socials: { key: string; value: string }[];
+ monthDifference: number;
}
const socialMediaUrlMappings: { [key: string]: string } = {
- github: "https://github.com/",
- facebook: "https://www.facebook.com/",
- instagram: "https://www.instagram.com/",
- linkedin: "https://www.linkedin.com/in/",
- dribble: "https://dribbble.com/",
- behance: "https://www.behance.net/",
- stackoverflow: "https://stackoverflow.com/users/",
- medium: "https://medium.com/@"
+ github: "https://github.com/",
+ facebook: "https://www.facebook.com/",
+ instagram: "https://www.instagram.com/",
+ linkedin: "https://www.linkedin.com/in/",
+ dribble: "https://dribbble.com/",
+ behance: "https://www.behance.net/",
+ stackoverflow: "https://stackoverflow.com/users/",
+ medium: "https://medium.com/@",
};
const socialMediaSvgComponents: { [key: string]: JSX.Element | null } = {
- github: ,
- linkedin: ,
- twitter: ,
- instagram: ,
- behance: ,
- facebook: ,
- dribble: ,
- stackoverflow: ,
- medium:
+ github: ,
+ linkedin: ,
+ twitter: ,
+ instagram: ,
+ behance: ,
+ facebook: ,
+ dribble: ,
+ stackoverflow: ,
+ medium: ,
};
const ProfileHeader = ({
- userProfile,
- socials,
- monthDifference
+ userProfile,
+ socials,
+ monthDifference,
}: ProfileHeaderProps) => {
- return (
-
-
-
-
-
- {userProfile.first_name} {userProfile.last_name}{" "}
- {userProfile.college_code
- ? `(${userProfile.college_code})`
- : null}
-
-
{userProfile.muid}
-
-
-
-
Level
-
- {userProfile.level
- ? userProfile?.level?.slice(3, 4)
- : 1}
-
-
-
+ return (
+
+
+
+
+
+ {userProfile.first_name} {userProfile.last_name}{" "}
+ {userProfile.college_code ? `(${userProfile.college_code})` : null}
+
+
{
+ navigator.clipboard.writeText(`${userProfile.muid}`);
+ }}
+ >
+ {userProfile.muid}
+
+
+
+
+
Level
+
{userProfile.level ? userProfile?.level?.slice(3, 4) : 1}
+
+
-
-
-
-
-
Level
-
- {userProfile.level
- ? userProfile?.level?.slice(3, 4)
- : 1}
-
-
-
-
-
-
-
Karma
-
- {parseInt(userProfile.karma) > 1000
- ? (
- parseInt(userProfile.karma) / 1000
- ).toPrecision(3) + "K"
- : userProfile.karma}
-
-
-
-
-
-
-
Rank
-
{userProfile.rank}
-
-
-
-
-
-
Avg.Karma
-
- {parseInt(userProfile.karma) / monthDifference >
- 1000 && monthDifference !== 0
- ? (
- parseInt(userProfile.karma) /
- monthDifference /
- 1000
- ).toPrecision(4) + "K"
- : isNaN(
- parseInt(userProfile.karma) /
- monthDifference
- )
- ? "0"
- : monthDifference === 0
- ? "0"
- : (
- parseInt(userProfile.karma) /
- monthDifference
- ).toPrecision(3)}
-
-
-
-
+
+
+
+
+
Level
+
+ {userProfile.level ? userProfile?.level?.slice(3, 4) : 1}
+
+
+
+
+
+
+
Karma
+
+ {parseInt(userProfile.karma) > 1000
+ ? (parseInt(userProfile.karma) / 1000).toPrecision(3) + "K"
+ : userProfile.karma}
+
+
+
+
+
+
Rank
+
{userProfile.rank}
+
+
+
+
+
+
Avg.Karma
+
+ {parseInt(userProfile.karma) / monthDifference > 1000 &&
+ monthDifference !== 0
+ ? (
+ parseInt(userProfile.karma) /
+ monthDifference /
+ 1000
+ ).toPrecision(4) + "K"
+ : isNaN(parseInt(userProfile.karma) / monthDifference)
+ ? "0"
+ : monthDifference === 0
+ ? "0"
+ : (parseInt(userProfile.karma) / monthDifference).toPrecision(
+ 3
+ )}
+
+
+
- );
+
+
+ );
};
export default ProfileHeader;
+
diff --git a/src/modules/Dashboard/modules/Wadhwani/index.module.css b/src/modules/Dashboard/modules/Wadhwani/index.module.css
new file mode 100644
index 000000000..bcc7b7a09
--- /dev/null
+++ b/src/modules/Dashboard/modules/Wadhwani/index.module.css
@@ -0,0 +1,47 @@
+.wrapper h1 {
+ font-weight: bold;
+ font-size: 3rem;
+}
+
+.container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ width: 100%;
+}
+
+.card {
+ width: 20vw;
+ margin: 1rem;
+ padding: 1rem;
+ border: 1px solid var(--Primary);
+ border-radius: 5px;
+ background-color: var(--White);
+ color: black;
+ cursor: pointer;
+}
+
+.card:hover {
+ background-color: aliceblue;
+}
+
+@media screen and (max-width: 1300px) {
+ .card {
+ width: 30vw;
+ }
+}
+
+@media screen and (max-width: 700px) {
+ .wrapper h1 {
+ font-size: 2rem;
+ }
+ .card {
+ width: 70vw;
+ }
+}
+
+@media screen and (max-width: 500px) {
+ .card {
+ width: 85vw;
+ }
+}
\ No newline at end of file
diff --git a/src/modules/Dashboard/modules/Wadhwani/index.tsx b/src/modules/Dashboard/modules/Wadhwani/index.tsx
new file mode 100644
index 000000000..4a4784d63
--- /dev/null
+++ b/src/modules/Dashboard/modules/Wadhwani/index.tsx
@@ -0,0 +1,65 @@
+import { useEffect, useState } from "react";
+import {
+ getWadhwaniClientToken,
+ getWadhwaniCourseLink,
+ getWadhwaniCourses
+} from "./services/api";
+import toast from "react-hot-toast";
+import styles from "./index.module.css";
+
+const Wadhwani = () => {
+ const [data, setData] = useState
([]);
+ const [clientToken, setClientToken] = useState("");
+
+ useEffect(() => {
+ fetchData();
+ }, []);
+
+ const fetchData = async () => {
+ const { response, error } = await getWadhwaniClientToken();
+ if (error) {
+ toast.error(error);
+ } else if (response) {
+ setClientToken(response.access_token);
+ const { response: courses, error } = await getWadhwaniCourses(
+ response.access_token
+ );
+ if (error) {
+ toast.error(error);
+ } else if (courses) {
+ setData(courses);
+ }
+ }
+ };
+
+ const handleCourseSelection = async (course: wadhwaniCourseResponse) => {
+ const { response, error } = await getWadhwaniCourseLink(
+ clientToken,
+ course.courseRootId
+ );
+ if (error) {
+ toast.error(error);
+ } else if (response) {
+ window.open(response.data, "_blank", "noopener,noreferrer");
+ }
+ };
+
+ return (
+
+
Wadhwani Foundation Courses
+
+ {data.map(course => (
+
handleCourseSelection(course)}
+ >
+
{course.courseName}
+
+ ))}
+
+