+ {shouldShowGraph({ track, subTrack }) && (
+
+
+
+ {activeGraph === "history"
+ ? "Rating History Graph"
+ : "Rating Distribution Graph"}
+
+
+
+
+
+
+ {activeGraph === "history" ? (
+
+ ) : (
+
+ )}
+
+ )}
+
{track !== "COPILOT" && (
Details
@@ -204,10 +257,11 @@ const ProfileStatsPage = ({
ProfileStatsPage.defaultProps = {
tab: "statistics",
- statsHistory: null,
activeChallengesCount: null,
profile: {},
stats: {},
+ statsHistory: [],
+ statsDistribution: [],
};
ProfileStatsPage.propTypes = {
@@ -218,6 +272,8 @@ ProfileStatsPage.propTypes = {
tab: PT.string,
profile: PT.shape().isRequired,
activeChallengesCount: PT.number,
+ statsHistory: PT.arrayOf(PT.shape()),
+ statsDistribution: PT.shape(),
};
export default ProfileStatsPage;
diff --git a/src/containers/ProfileStats/index.jsx b/src/containers/ProfileStats/index.jsx
index 9b93b75..4c8362b 100644
--- a/src/containers/ProfileStats/index.jsx
+++ b/src/containers/ProfileStats/index.jsx
@@ -1,23 +1,39 @@
-import React, { useEffect } from "react";
-import PT from "prop-types";
-import qs from "qs";
-import { connect } from "react-redux";
import { useLocation } from "@reach/router";
import actions from "actions";
-import ProfileStatsPage from "components/ProfileStatsPage";
import Loading from "components/Loading";
-import NotFoundPage from "components/NotFoundPage";
import MetaTags from "components/MetaTags";
+import NotFoundPage from "components/NotFoundPage";
+import ProfileStatsPage from "components/ProfileStatsPage";
+import PT from "prop-types";
+import qs from "qs";
+import React, { useEffect } from "react";
+import { connect } from "react-redux";
const getQueryParamsQuery = (location) =>
location.search ? qs.parse(location.search.slice(1)) : {};
const ProfileStats = (props) => {
- const { profile, stats, handle, loading, hasFailed, activeChallengesCount } =
- props;
+ const {
+ profile,
+ stats,
+ statsHistory,
+ statsDistribution,
+ handle,
+ loading,
+ hasFailed,
+ activeChallengesCount,
+ } = props;
useEffect(() => {
- const { handle, getMemberProfile, getStats } = props;
+ const {
+ handle,
+ getMemberProfile,
+ getStats,
+ getStatsHistory,
+ getStatsDistribution,
+ } = props;
getStats(handle);
+ getStatsHistory(handle);
+ getStatsDistribution(track, subTrack);
getMemberProfile(handle);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
@@ -53,6 +69,8 @@ const ProfileStats = (props) => {
track={track}
subTrack={subTrack}
tab={tab}
+ statsHistory={statsHistory}
+ statsDistribution={statsDistribution}
/>
);
@@ -73,6 +91,7 @@ ProfileStats.propTypes = {
loading: PT.bool,
hasFailed: PT.bool,
activeChallengesCount: PT.number,
+ statsHistory: PT.arrayOf(PT.shape()),
};
const mapStateToProps = (state) => ({
@@ -81,11 +100,15 @@ const mapStateToProps = (state) => ({
loading: state.profile.loading || state.profile.challengesLoading,
hasFailed: state.profile.hasFailed,
activeChallengesCount: state.profile.activeChallengesCount,
+ statsHistory: state.profile.statsHistory,
+ statsDistribution: state.profile.statsDistribution,
});
const mapDispatchToProps = {
getMemberProfile: actions.profile.getMemberProfile,
getStats: actions.profile.getStats,
+ getStatsHistory: actions.profile.getStatsHistory,
+ getStatsDistribution: actions.profile.getStatsDistribution,
getActiveChallenges: actions.profile.getActiveChallenges,
};
diff --git a/src/reducers/profile.js b/src/reducers/profile.js
index 8e4d89f..191ca18 100644
--- a/src/reducers/profile.js
+++ b/src/reducers/profile.js
@@ -4,6 +4,8 @@ const defaultState = {
memberProfile: {},
skills: {},
stats: {},
+ statsHistory: {},
+ statsDistribution: [],
loading: false,
challengesLoading: false,
hasFailed: false,
@@ -87,6 +89,30 @@ function onGetStatsDone(state, { payload }) {
return { ...state, stats: payload.length ? payload[0] : null };
}
+/**
+ * Reducer for get user stats history successful action
+ *
+ * @param state
+ * @param payload
+ *
+ * @return {Object} updated state
+ */
+function onGetStatsHistoryDone(state, { payload }) {
+ return { ...state, statsHistory: payload.length ? payload[0] : null };
+}
+
+/**
+ * Reducer for get user stats distribution successful action
+ *
+ * @param state
+ * @param payload
+ *
+ * @return {Object} updated state
+ */
+function onGetStatsDistributionDone(state, { payload }) {
+ return { ...state, statsDistribution: payload };
+}
+
/**
* Reducer for get external links successful action
*
@@ -162,6 +188,8 @@ export default handleActions(
GET_MEMBER_PROFILE_DONE: onGetMemberProfileDone,
GET_SKILLS_DONE: onGetSkillsDone,
GET_STATS_DONE: onGetStatsDone,
+ GET_STATS_HISTORY_DONE: onGetStatsHistoryDone,
+ GET_STATS_DISTRIBUTION_DONE: onGetStatsDistributionDone,
GET_EXTERNAL_LINKS_DONE: onGetExternalLinksDone,
GET_EXTERNAL_ACCOUNTS_DONE: onGetExternalAccountsDone,
GET_ACTIVE_CHALLENGES_INIT: onGetActiveChallengesInit,
diff --git a/src/services/profile.js b/src/services/profile.js
index 6c3074a..4e55cf4 100644
--- a/src/services/profile.js
+++ b/src/services/profile.js
@@ -33,6 +33,33 @@ async function getStats(handle) {
return api.handleApiResponse(response);
}
+/**
+ * Gets member statistics history.
+ *
+ * @param {String} handle
+ *
+ * @return {Promise} Resolves to the stats history object.
+ */
+async function getStatsHistory(handle) {
+ const response = await api.doFetch(`/members/${handle}/stats/history`);
+ return api.handleApiResponse(response);
+}
+
+/**
+ * Gets member statistics distribution.
+ *
+ * @param {String} track
+ * @param {String} subTrack
+ *
+ * @return {Promise} Resolves to the stats distribution object.
+ */
+async function getStatsDistribution(track, subTrack) {
+ const response = await api.doFetch(
+ `/members/stats/distribution?track=${track}&subTrack=${subTrack}&fields=track,subTrack,distribution`
+ );
+ return api.handleApiResponse(response);
+}
+
/**
* Gets member's external links.
*
@@ -71,4 +98,6 @@ export default {
getStats,
getExternalLinks,
getExternalAccounts,
+ getStatsHistory,
+ getStatsDistribution,
};
diff --git a/src/utils/memberStats.js b/src/utils/memberStats.js
index b360b8b..fe5b373 100644
--- a/src/utils/memberStats.js
+++ b/src/utils/memberStats.js
@@ -364,3 +364,54 @@ export function getDetails(stats, track, subTrack) {
return { label, value };
});
}
+
+/**
+ * get history data from stats
+ * @param stats
+ * @param track
+ * @param subTrack
+ * @returns {*}
+ */
+export function getHistory(stats, track, subTrack) {
+ switch (track) {
+ case "DEVELOP":
+ return _.get(stats, [track, "subTracks"], []).find(
+ ({ name }) => name === subTrack
+ );
+ case "DATA_SCIENCE":
+ return _.get(stats, [track, subTrack]);
+ default:
+ return {};
+ }
+}
+
+/**
+ * check whether graph is needed.
+ * @param track
+ * @param subTrack
+ * @returns {boolean}
+ */
+export const shouldShowGraph = ({ track, subTrack }) => {
+ switch (track) {
+ case "DATA_SCIENCE":
+ return true;
+ case "DEVELOP":
+ switch (subTrack) {
+ case "UI_PROTOTYPE_COMPETITION":
+ case "ASSEMBLY_COMPETITION":
+ case "DESIGN":
+ case "DEVELOPMENT":
+ case "ARCHITECTURE":
+ case "TEST_SCENARIOS":
+ case "CONTENT_CREATION":
+ case "SPECIFICATION":
+ case "RIA_BUILD_COMPETITION":
+ case "CODE":
+ return true;
+ default:
+ return false;
+ }
+ default:
+ return false;
+ }
+};