fix issues

src/components/communitySettings/communityIntegrations/TcAvailableIntegrations.tsx

@@ -4,7 +4,7 @@ import { IntegrationPlatform } from '../../../utils/enums';
 
 function TcAvailableIntegrations() {
   return (
-    <div className="flex flex-row space-x-5 overflow-x-scroll py-2">
+    <div className="flex flex-row space-x-5 overflow-x-scroll md:overflow-x-hidden py-2">
       {Object.values(IntegrationPlatform).map((platform, index) => (
         <TcAvailableIntegrationsItem
           disabled={platform !== 'Discord'}

src/components/communitySettings/communityIntegrations/TcConnectedPlatforms.tsx

@@ -10,7 +10,7 @@ function TcConnectedPlatforms({
   connectedPlatforms,
 }: IConnectedPlatformsProps) {
   return (
-    <div className="flex flex-row space-x-5 overflow-x-scroll py-2">
+    <div className="flex flex-row space-x-5 overflow-x-scroll md:overflow-x-hidden py-2">
       {connectedPlatforms?.map((platform: IPlatformProps, index: number) => (
         <TcConnectedPlatformsItem key={index} platform={platform} />
       ))}

src/components/communitySettings/switchCommunity/TcConfirmDeleteCommunity.tsx

@@ -138,7 +138,12 @@ function TcConfirmDeleteCommunity({
           <div className="flex flex-col space-y-8 mx-auto text-center justify-center pb-8 px-8">
             <TcText
               variant="h6"
-              text={`To confirm that you want to delete the community, please type ${community?.name} in the field below:`}
+              text={
+                <>
+                  To confirm that you want to delete the community, please type{' '}
+                  <b>{community?.name}</b> in the field below:
+                </>
+              }
             />
             <div className="w-2/3 pb-12 text-center mx-auto">
               <TcInput

src/components/global/FilterPopover/FilterRolesPopover.tsx

@@ -80,7 +80,10 @@ function FilterRolesPopover({ handleSelectedRoles }: IFilterRolesPopover) {
 
   const { retrievePlatformProperties } = useAppStore();
   const { community } = useToken();
-  const platformId = community?.platforms[0]?.id;
+
+  const platformId = community?.platforms.find(
+    (platform) => platform.disconnectedAt === null
+  )?.id;
 
   const [loading, setLoading] = useState<boolean>(false);
 

src/components/pages/pageIndex/ActiveMemberComposition.tsx

@@ -18,7 +18,9 @@ const ActiveMemberComposition = () => {
     let endDate: moment.Moment = moment().subtract(1, 'day');
     let startDate: moment.Moment = moment(endDate).subtract(7, 'days');
 
-    const platformId = community?.platforms[0]?.id;
+    const platformId = community?.platforms.find(
+      (platform) => platform.disconnectedAt === null
+    )?.id;
 
     if (platformId) {
       fetchActiveMembers(platformId, startDate, endDate);

src/components/pages/pageIndex/HeatmapChart.tsx

@@ -16,8 +16,6 @@ import { useToken } from '../../../context/TokenContext';
 import { defaultHeatmapChartOptions } from '../../../lib/data/heatmap';
 import { ChannelContext } from '../../../context/ChannelContext';
 import { extractTrueSubChannelIds } from '../../../helpers/helper';
-import { StorageService } from '../../../services/StorageService';
-import { IDiscordModifiedCommunity } from '../../../utils/interfaces';
 import Loading from '../../global/Loading';
 
 if (typeof Highcharts === 'object') {
@@ -52,7 +50,9 @@ const HeatmapChart = () => {
 
   const { community } = useToken();
 
-  const platformId = community?.platforms[0]?.id;
+  const platformId = community?.platforms.find(
+    (platform) => platform.disconnectedAt === null
+  )?.id;
 
   const fetchData = async () => {
     setLoading(true);
@@ -149,11 +149,6 @@ const HeatmapChart = () => {
 
   const fetchPlatformChannels = async () => {
     try {
-      const community =
-        StorageService.readLocalStorage<IDiscordModifiedCommunity>('community');
-
-      const platformId = community?.platforms[0]?.id;
-
       if (platformId) {
         const data = await retrievePlatformById(platformId);
         const { metadata } = data;

src/components/pages/statistics/memberBreakdowns/activeMembers/ActiveMemberBreakdown.tsx

@@ -56,7 +56,10 @@ export default function ActiveMemberBreakdown() {
     totalPages: 0,
     totalResults: 0,
   });
-  const platformId = community?.platforms[0]?.id;
+
+  const platformId = community?.platforms.find(
+    (platform) => platform.disconnectedAt === null
+  )?.id;
 
   const handlePageChange = (selectedPage: number) => {
     setPage(selectedPage);

src/components/pages/statistics/memberBreakdowns/disengagedMembersComposition/DisengagedMembersCompositionBreakdown.tsx

@@ -68,7 +68,9 @@ export default function DisengagedMembersCompositionBreakdown() {
     totalResults: 0,
   });
 
-  const platformId = community?.platforms[0]?.id;
+  const platformId = community?.platforms.find(
+    (platform) => platform.disconnectedAt === null
+  )?.id;
 
   const handlePageChange = (selectedPage: number) => {
     setPage(selectedPage);

src/components/pages/statistics/memberBreakdowns/onboardingMembers/OnboardingMembersBreakdown.tsx

@@ -56,7 +56,9 @@ export default function OnboardingMembersBreakdown() {
     totalResults: 0,
   });
 
-  const platformId = community?.platforms[0]?.id;
+  const platformId = community?.platforms.find(
+    (platform) => platform.disconnectedAt === null
+  )?.id;
 
   const handlePageChange = (selectedPage: number) => {
     setPage(selectedPage);

src/pages/community-health.tsx

@@ -21,7 +21,9 @@ function CommunityHealth() {
     useState<IFragmentationScoreResponse | null>(null);
 
   useEffect(() => {
-    const platformId = community?.platforms[0]?.id;
+    const platformId = community?.platforms.find(
+      (platform) => platform.disconnectedAt === null
+    )?.id;
 
     if (platformId) {
       Promise.all([

src/pages/membersInteraction.tsx

@@ -102,7 +102,9 @@ export default function membersInteraction() {
   const { getMemberInteraction, isLoading } = useAppStore();
 
   useEffect(() => {
-    const platformId = community?.platforms[0]?.id;
+    const platformId = community?.platforms.find(
+      (platform) => platform.disconnectedAt === null
+    )?.id;
 
     if (platformId) {
       getMemberInteraction(platformId).then((apiResponse: any[]) => {

src/pages/statistics.tsx

@@ -22,7 +22,9 @@ import Image from 'next/image';
 
 const Statistics = () => {
   const { community } = useToken();
-  const platformId = community?.platforms[0]?.id;
+  const platformId = community?.platforms.find(
+    (platform) => platform.disconnectedAt === null
+  )?.id;
 
   const [loading, setLoading] = useState<boolean>(true);
   const [activeMemberDate, setActiveMemberDate] = useState(1);