diff --git a/src/components/communitySettings/platform/TcCommunityName.tsx b/src/components/communitySettings/platform/TcCommunityName.tsx
index 6d8787dd..27c09409 100644
--- a/src/components/communitySettings/platform/TcCommunityName.tsx
+++ b/src/components/communitySettings/platform/TcCommunityName.tsx
@@ -1,8 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
import TcText from '../../shared/TcText';
import TcAvatar from '../../shared/TcAvatar';
import moment from 'moment';
import { IPlatformProps } from '../../../utils/interfaces';
+import { MdGroups } from 'react-icons/md';
interface TccommunityName {
platform: IPlatformProps | null;
@@ -11,7 +12,9 @@ interface TccommunityName {
function TcCommunityName({ platform }: TccommunityName) {
return (
-
+
+
+
-
+
diff --git a/src/components/communitySettings/platform/TcPlatformPeriod.tsx b/src/components/communitySettings/platform/TcPlatformPeriod.tsx
index 1923b8a5..a92b0dc4 100644
--- a/src/components/communitySettings/platform/TcPlatformPeriod.tsx
+++ b/src/components/communitySettings/platform/TcPlatformPeriod.tsx
@@ -21,7 +21,7 @@ function TcPlatformPeriod({ onDateChange, platform }: ITcPlatformPeriodProps) {
-
+
{
const channelContext = useContext(ChannelContext);
@@ -55,13 +58,15 @@ const HeatmapChart = () => {
setLoading(true);
try {
if (platformId) {
- await fetchHeatmapData(
+ const data = await fetchHeatmapData(
platformId,
dateRange[0],
dateRange[1],
selectedZone,
extractTrueSubChannelIds(selectedSubChannels)
);
+
+ updateHeatmapData(data);
}
} catch (error) {
} finally {
@@ -69,6 +74,24 @@ const HeatmapChart = () => {
}
};
+ const updateHeatmapData = (responseData: HeatmapData) => {
+ const newOptions = {
+ ...defaultHeatmapChartOptions,
+ series: [
+ {
+ ...defaultHeatmapChartOptions.series[0],
+ data: responseData.map((item: HeatmapDataPoint) => [
+ item[1],
+ item[0],
+ item[2] ?? 0,
+ ]),
+ },
+ ],
+ };
+
+ setHeatmapChartOptions(newOptions);
+ };
+
useEffect(() => {
fetchPlatformChannels();
fetchData();
@@ -151,7 +174,7 @@ const HeatmapChart = () => {
return;
}
fetchData();
- }, [dateRange, selectedZone]);
+ }, [dateRange, selectedZone, platformId]);
return (