From 913a9970096481c278a89bbd86505f8608866287 Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Fri, 22 Dec 2023 17:46:06 +0300
Subject: [PATCH 1/6] remove useless code on privateRoute.tsx

---
 src/utils/privateRoute.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/utils/privateRoute.tsx b/src/utils/privateRoute.tsx
index eddcb90a..6af49fcf 100644
--- a/src/utils/privateRoute.tsx
+++ b/src/utils/privateRoute.tsx
@@ -17,9 +17,6 @@ export default function PrivateRoute({
     [router.pathname]
   );
 
-  const isObjectNotEmpty = (obj: Record<string, any>): boolean => {
-    return Object.keys(obj).length > 0;
-  };
   useEffect(() => {
     if (!isCentricRoute) {
       const storedToken = StorageService.readLocalStorage<IToken>('user');

From 075e9cec784d67e50a2d88852862603dd5778652 Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Fri, 22 Dec 2023 17:48:57 +0300
Subject: [PATCH 2/6] remove useless code on index.tsx route and remove old
 components

---
 .../pages/pageIndex/FooterSection.tsx         | 138 ------------------
 .../pages/pageIndex/HeaderSection.tsx         |  33 -----
 src/pages/index.tsx                           |  11 --
 3 files changed, 182 deletions(-)
 delete mode 100644 src/components/pages/pageIndex/FooterSection.tsx
 delete mode 100644 src/components/pages/pageIndex/HeaderSection.tsx

diff --git a/src/components/pages/pageIndex/FooterSection.tsx b/src/components/pages/pageIndex/FooterSection.tsx
deleted file mode 100644
index be4b8392..00000000
--- a/src/components/pages/pageIndex/FooterSection.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import Image from 'next/image';
-
-import graph from '../../../assets/svg/graph.svg';
-import members from '../../../assets/svg/members.svg';
-import metrics from '../../../assets/svg/metrics.svg';
-import arrowBottom from '../../../assets/svg/arrowBottom.svg';
-import benchmark from '../../../assets/svg/benchmark.svg';
-
-import { BsClockHistory } from 'react-icons/bs';
-import { HiOutlineArrowRight } from 'react-icons/hi';
-import Link from 'next/link';
-
-export const FooterSection = (): JSX.Element => {
-  return (
-    <>
-      <div className="flex flex-col space-y-5">
-        <div className="flex flex-col md:flex-row justify-between space-y-3 md:space-y-0 md:space-x-3">
-          <div className="w-full md:w-1/2 shadow-xl rounded-xl p-4 md:p-8">
-            <p className="text-xl md:text-2xl font-bold">
-              Spot value-adding members in your community
-            </p>
-            <div
-              style={{
-                position: 'relative',
-                width: '70%',
-                top: '2rem',
-                float: 'right',
-                paddingBottom: '50%',
-              }}
-            >
-              <Image
-                alt="Image Alt"
-                src={members}
-                layout="fill"
-                objectFit="contain"
-              />
-            </div>
-          </div>
-          <div className="w-full md:w-1/2 shadow-xl bg-primary rounded-xl p-4 md:p-8">
-            <p className="text-xl text-white md:text-2xl font-bold">
-              Use data to improve onboarding
-            </p>
-            <div
-              style={{
-                position: 'relative',
-                width: '70%',
-                float: 'left',
-                paddingBottom: '50%',
-              }}
-            >
-              <Image
-                alt="Image Alt"
-                src={graph}
-                layout="fill"
-                objectFit="contain"
-              />
-            </div>
-          </div>
-        </div>
-        <div className="w-full bg-secondary-500  shadow-lg rounded-xl p-4 md:p-8 text-white">
-          <p className="text-xl md:text-2xl font-bold">
-            Explore all the metrics that determine <br /> the health of your
-            community
-          </p>
-          <div
-            style={{
-              width: '30%',
-              top: '3rem',
-              position: 'relative',
-              left: '70%',
-              transform: 'translateX(-60%)',
-              paddingBottom: '3rem',
-            }}
-          >
-            <Image src={metrics} alt="Picture of the author" width={400} />
-          </div>
-          <span>Read our research on </span>
-          <button className="bg-white mt-2 md:mt-0 bg-opacity-20 py-1 px-3 rounded-full hover:bg-white ease-in delay-75font-bold hover:text-black">
-            <Link
-              href={
-                'https://rndao.mirror.xyz/F-SMj6p_jdYvrMMkR1d9Hd6YbEg39qItTKfjo-zkgqM'
-              }
-            >
-              <span className="flex flex-row items-center">
-                Community Health <HiOutlineArrowRight size={25} />
-              </span>
-            </Link>
-          </button>
-        </div>
-        <div className="flex flex-col md:flex-row justify-between space-y-3 md:space-y-0 md:space-x-3">
-          <div className="w-full md:w-1/2 shadow-box bg-yellow-400 rounded-xl p-4 md:p-8 overflow-hidden">
-            <p className="text-xl md:text-2xl font-bold">
-              Monitor members who disengage and take action to bring them back
-            </p>
-            <div
-              style={{
-                position: 'relative',
-                width: '45%',
-                top: '3rem',
-                left: '50%',
-                transform: 'translate(-50%,0)',
-                float: 'left',
-                paddingBottom: '50%',
-              }}
-            >
-              <Image
-                alt="Image Alt"
-                src={arrowBottom}
-                layout="fill"
-                objectFit="contain"
-              />
-            </div>
-          </div>
-          <div className="w-full md:w-1/2 shadow-xl rounded-xl p-4 md:p-8">
-            <p className="text-xl md:text-2xl font-bold">
-              Benchmark your metrics and learn from others
-            </p>
-            <div
-              style={{
-                position: 'relative',
-                width: '70%',
-                float: 'right',
-                paddingBottom: '50%',
-              }}
-            >
-              <Image
-                alt="Image Alt"
-                src={benchmark}
-                layout="fill"
-                objectFit="contain"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
diff --git a/src/components/pages/pageIndex/HeaderSection.tsx b/src/components/pages/pageIndex/HeaderSection.tsx
deleted file mode 100644
index c0620b51..00000000
--- a/src/components/pages/pageIndex/HeaderSection.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-
-import { ImArrowDown } from 'react-icons/im';
-
-export const HeaderSection = (): JSX.Element => {
-  return (
-    <>
-      <div className="bg-gradient-mantle w-full h-140 md:h-80 rounded-lg overflow-hidden shadow-box">
-        <div className="h-140 md:h-80 bg-[url('../assets/svg/commiunity.svg')] bg-no-repeat bg-right-bottom px-4 md:px-8 py-4 md:py-8">
-          <div className="w-full xl:w-1/3 leading-6">
-            <h3 className="text-xl md:text-3xl font-bold">
-              The new way to manage your community
-            </h3>
-          </div>
-          <div className="w-full lg:w-3/5 leading-6 py-8 text-sm md:text-base md:text-auto">
-            <p>
-              We believe communities are the beating heart of DAOs. But there
-              was no way to assess and improve. We assembled a team of
-              scientists to empower you with deep, actionable insights.
-            </p>
-            <p className="py-6">
-              And while the team is busy building a suite of tools, below is a
-              <span className="flex flex-col md:flex-row md:items-center">
-                <b> small appetizer to get you started</b>
-                <ImArrowDown size={25} className="mt-3 md:mt-0" />
-              </span>
-            </p>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 6bcb0683..3aae153d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,7 +1,5 @@
 import { defaultLayout } from '../layouts/defaultLayout';
 import SEO from '../components/global/SEO';
-import { useState } from 'react';
-import { StorageService } from '../services/StorageService';
 import EmptyState from '../components/global/EmptyState';
 import Image from 'next/image';
 import emptyState from '../assets/svg/empty-state.svg';
@@ -13,17 +11,8 @@ import { ChannelProvider } from '../context/ChannelContext';
 import { useToken } from '../context/TokenContext';
 
 function Dashboard(): JSX.Element {
-  const [alertStateOpen, setAlertStateOpen] = useState(false);
   const { community } = useToken();
 
-  const toggleAnalysisState = () => {
-    StorageService.writeLocalStorage('analysis_state', {
-      isRead: true,
-      visible: false,
-    });
-    setAlertStateOpen(false);
-  };
-
   if (!community || community?.platforms?.length === 0) {
     return (
       <>

From cce04bd5343ff42e8ef58fabcd4e5702fa400de0 Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Fri, 22 Dec 2023 17:51:28 +0300
Subject: [PATCH 3/6] remove old settings components

---
 .../pages/settings/ChannelSelection.tsx       | 400 ------------------
 .../settings/ConfirmStartProcessing.spec.tsx  |  85 ----
 .../pages/settings/ConfirmStartProcessing.tsx |  75 ----
 .../pages/settings/ConnectCommunities.tsx     | 260 ------------
 .../settings/ConnectedCommunitiesItem.tsx     |  91 ----
 .../settings/ConnectedCommunitiesList.tsx     | 159 -------
 .../pages/settings/ConnectedTwitter.tsx       |  80 ----
 .../pages/settings/DataAnalysis.tsx           | 171 --------
 .../pages/settings/IntegrateDiscord.tsx       |  14 -
 9 files changed, 1335 deletions(-)
 delete mode 100644 src/components/pages/settings/ChannelSelection.tsx
 delete mode 100644 src/components/pages/settings/ConfirmStartProcessing.spec.tsx
 delete mode 100644 src/components/pages/settings/ConfirmStartProcessing.tsx
 delete mode 100644 src/components/pages/settings/ConnectCommunities.tsx
 delete mode 100644 src/components/pages/settings/ConnectedCommunitiesItem.tsx
 delete mode 100644 src/components/pages/settings/ConnectedCommunitiesList.tsx
 delete mode 100644 src/components/pages/settings/ConnectedTwitter.tsx
 delete mode 100644 src/components/pages/settings/DataAnalysis.tsx
 delete mode 100644 src/components/pages/settings/IntegrateDiscord.tsx

diff --git a/src/components/pages/settings/ChannelSelection.tsx b/src/components/pages/settings/ChannelSelection.tsx
deleted file mode 100644
index fdd03676..00000000
--- a/src/components/pages/settings/ChannelSelection.tsx
+++ /dev/null
@@ -1,400 +0,0 @@
-import {
-  Accordion,
-  AccordionDetails,
-  AccordionSummary,
-  Dialog,
-} from '@mui/material';
-import React, { useEffect, useState } from 'react';
-import { IoClose } from 'react-icons/io5';
-import useAppStore from '../../../store/useStore';
-import ChannelList from '../login/ChannelList';
-import { StorageService } from '../../../services/StorageService';
-import {
-  IGuild,
-  IGuildChannels,
-  IUser,
-  ISubChannels,
-  IChannelWithoutId,
-} from '../../../utils/types';
-import { BiError } from 'react-icons/bi';
-import CustomButton from '../../global/CustomButton';
-import { FiRefreshCcw } from 'react-icons/fi';
-import Loading from '../../global/Loading';
-import { MdExpandMore } from 'react-icons/md';
-import ConfirmStartProcessing from './ConfirmStartProcessing';
-import clsx from 'clsx';
-
-type IProps = {
-  emitable?: boolean;
-  submit?: (selectedChannels: IChannelWithoutId[]) => unknown;
-};
-export default function ChannelSelection({ emitable, submit }: IProps) {
-  const [open, setOpen] = useState(false);
-  const [openProcessing, SetOpenProcessing] = useState(false);
-
-  const [fullWidth, setFullWidth] = React.useState(true);
-  const [guild, setGuild] = useState<IGuild>();
-  const [channels, setChannels] = useState<Array<IGuildChannels>>([]);
-  const [selectedChannels, setSelectedChannels] = useState<
-    Array<IChannelWithoutId>
-  >([]);
-
-  const {
-    guildChannels,
-    guildInfo,
-    updateSelectedChannels,
-    getUserGuildInfo,
-    guilds,
-    isRefetchLoading,
-    refetchGuildChannels,
-  } = useAppStore();
-
-  useEffect(() => {
-    const user = StorageService.readLocalStorage<IUser>('user');
-    if (user) {
-      setGuild(user.guild);
-    }
-
-    const activeChannles =
-      guildInfo && guildInfo.selectedChannels
-        ? guildInfo.selectedChannels.map(
-            (channel: {
-              channelId: string;
-              channelName: string;
-              _id: string;
-            }) => {
-              return channel.channelId;
-            }
-          )
-        : [];
-
-    const channels = guildChannels.map(
-      (guild: IGuildChannels, _index: number) => {
-        const selected: Record<string, boolean> = {};
-
-        guild.subChannels.forEach((subChannel: ISubChannels) => {
-          if (activeChannles.includes(subChannel.channelId)) {
-            selected[subChannel.channelId] = true;
-          } else {
-            selected[subChannel.channelId] = false;
-          }
-        });
-
-        return { ...guild, selected: selected };
-      }
-    );
-
-    const subChannelsStatus = channels.map((channel: IGuildChannels) => {
-      return channel.selected;
-    });
-
-    const selectedChannelsStatus = Object.assign({}, ...subChannelsStatus);
-    let activeChannel: string[] = [];
-    for (const key in selectedChannelsStatus) {
-      if (selectedChannelsStatus[key]) {
-        activeChannel.push(key);
-      }
-    }
-
-    const result = ([] as IChannelWithoutId[]).concat(
-      ...channels.map((channel: IGuildChannels) => {
-        return channel.subChannels
-          .filter((subChannel: ISubChannels) => {
-            if (activeChannel.includes(subChannel.channelId)) {
-              return subChannel;
-            }
-          })
-          .map((filterdItem: ISubChannels) => {
-            return {
-              channelId: filterdItem.channelId,
-              channelName: filterdItem.name,
-            };
-          });
-      })
-    );
-    setSelectedChannels(result);
-    setChannels(channels);
-  }, [guildChannels]);
-
-  const onChange = (
-    channelId: string,
-    subChannelId: string,
-    status: boolean
-  ) => {
-    setChannels((preChannels) => {
-      return preChannels.map((preChannel) => {
-        if (preChannel.channelId !== channelId) return preChannel;
-
-        const selected = preChannel.selected ?? {};
-        selected[subChannelId] = status;
-
-        return { ...preChannel, selected };
-      });
-    });
-  };
-  const handleCheckAll = (guild: IGuildChannels, status: boolean) => {
-    const selectedGuild = channels.find(
-      (channel) => channel.channelId === guild.channelId
-    );
-    if (!selectedGuild) return;
-
-    const updatedChannels = channels.map((channel: IGuildChannels) => {
-      if (channel === selectedGuild) {
-        const selected = { ...channel.selected };
-        Object.keys(selected).forEach((key) => (selected[key] = status));
-        return { ...channel, selected };
-      }
-      return channel;
-    });
-
-    setChannels(updatedChannels);
-  };
-
-  const refetchChannels = () => {
-    refetchGuildChannels(guild?.guildId);
-  };
-
-  const submitChannels = () => {
-    const subChannelsStatus = channels.map((channel: IGuildChannels) => {
-      return channel.selected;
-    });
-
-    const selectedChannelsStatus = Object.assign({}, ...subChannelsStatus);
-    let activeChannel: string[] = [];
-    for (const key in selectedChannelsStatus) {
-      if (selectedChannelsStatus[key]) {
-        activeChannel.push(key);
-      }
-    }
-
-    const result = ([] as IChannelWithoutId[]).concat(
-      ...channels.map((channel: IGuildChannels) => {
-        return channel.subChannels
-          .filter((subChannel: ISubChannels) => {
-            if (
-              activeChannel.includes(subChannel.channelId) &&
-              subChannel.canReadMessageHistoryAndViewChannel
-            ) {
-              return subChannel;
-            }
-          })
-          .map((filterdItem: ISubChannels) => {
-            return {
-              channelId: filterdItem.channelId,
-              channelName: filterdItem.name,
-            };
-          });
-      })
-    );
-
-    setSelectedChannels(result);
-    if (emitable) {
-      if (submit) submit(result);
-      setOpen(false);
-    } else {
-      setOpen(false);
-      SetOpenProcessing(true);
-    }
-  };
-
-  const handleClose = () => {
-    setOpen(false);
-  };
-
-  const handleCloseProcessingModal = () => {
-    SetOpenProcessing(false);
-  };
-  const handleToProcess = () => {
-    updateSelectedChannels(guild?.guildId, selectedChannels).then(
-      (_res: unknown) => {
-        SetOpenProcessing(false);
-        getUserGuildInfo(guild?.guildId);
-      }
-    );
-  };
-
-  if (guilds.length === 0) {
-    return (
-      <div className="text-base">
-        Selected channels: <b>{selectedChannels.length}</b>{' '}
-        <span
-          className="pl-4 text-secondary underline cursor-pointer font-bold opacity-50 pointer-events-none"
-          onClick={() => setOpen(true)}
-        >
-          Show Channels
-        </span>
-        <p className="flex flex-row items-stretch text-sm text-warning-500 mt-4">
-          <BiError size={24} />
-          <span className="text-sm pl-2">
-            There is no community connected at the moment. To be able to change
-            channels, please <br /> connect your community first.
-          </span>
-        </p>
-      </div>
-    );
-  }
-
-  return (
-    <div>
-      <p className="text-base">
-        Selected channels:{' '}
-        <b>
-          {guildInfo && guildInfo.isDisconnected ? 0 : selectedChannels.length}
-        </b>{' '}
-        <span
-          className={clsx(
-            'pl-4 text-secondary font-semibold underline cursor-pointer font-bold"',
-            guildInfo && guildInfo.isInProgress && !emitable
-              ? 'pointer-events-none text-opacity-50'
-              : ' text-opacity-100'
-          )}
-          onClick={() => setOpen(true)}
-        >
-          Show Channels
-        </span>
-      </p>
-      {guildInfo && guildInfo.isInProgress ? (
-        <div className="flex items-center text-base text-orange pt-4">
-          <BiError size={24} className="mr-2" />
-          <p className="m-0">
-            We are processing data from selected channels. It might take up to 6
-            hours to complete.
-          </p>
-        </div>
-      ) : (
-        ''
-      )}
-      <Dialog
-        fullWidth={fullWidth}
-        open={open}
-        sx={{
-          '& .MuiDialog-container': {
-            alignItems: 'flex-start',
-            verticalAlign: 'top',
-            '& .MuiPaper-root': {
-              width: '100%',
-              maxWidth: '650px',
-              borderRadius: '10px',
-            },
-          },
-        }}
-        onClose={handleClose}
-      >
-        <div className="p-4">
-          <div>
-            <div className="flex flex-row justify-between md:items-center cursor-pointer">
-              <h3 className="font-bold text-xl">
-                Import activities from channels
-              </h3>
-              <IoClose size={30} onClick={handleClose} />
-            </div>
-            <p className="py-4 text-sm">
-              Select channels to import activity in this workspace. Please give
-              Together Crew access to all selected private channels by updating
-              the channels permissions in Discord. Discord permission will
-              affect the channels the bot can see.
-            </p>
-          </div>
-          <div className="border border-1 border-gray-300 px-2 md:px-4 py-4 rounded-lg max-h-[410px] overflow-y-scroll text-base">
-            {isRefetchLoading ? (
-              <Loading height="365px" />
-            ) : (
-              <div className="flex flex-col">
-                <div className="block md:absolute right-12">
-                  <CustomButton
-                    classes={''}
-                    label={'Refresh List'}
-                    className="text-black border-black bg-white float-right rounded-md -top-1 font-semibold"
-                    startIcon={<FiRefreshCcw />}
-                    size="large"
-                    variant="outlined"
-                    onClick={refetchChannels}
-                  />
-                </div>
-                {channels && channels.length > 0
-                  ? channels.map((guild: IGuildChannels, index: number) => {
-                      return (
-                        <div className="my-2" key={index}>
-                          <ChannelList
-                            guild={guild}
-                            showFlag={true}
-                            onChange={onChange}
-                            handleCheckAll={handleCheckAll}
-                          />
-                        </div>
-                      );
-                    })
-                  : ''}
-              </div>
-            )}
-          </div>
-          <Accordion disableGutters defaultExpanded={true} elevation={0}>
-            <AccordionSummary
-              expandIcon={
-                <MdExpandMore color="#37474F" size={25} fill="#37474F" />
-              }
-            >
-              <p className="font-semibold text-md">
-                How to give access to the channel you want to import?
-              </p>
-            </AccordionSummary>
-            <AccordionDetails>
-              <div className="pl-1 pr-4 text-left">
-                <ol className="list-decimal text-sm pl-4">
-                  <li>
-                    Navigate to the channel you want to import on{' '}
-                    <a
-                      href="https://discord.com/"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="text-secondary font-semibold cursor-pointer"
-                    >
-                      Discord
-                    </a>
-                  </li>
-                  <li>
-                    Go to the settings for that specific channel (select the
-                    wheel on the right of the channel name)
-                  </li>
-                  <li>
-                    Select <b>Permissions</b> (left sidebar), and then in the
-                    middle of the screen check <b>Advanced permissions</b>
-                  </li>
-                  <li>
-                    With the <b>TogetherCrew Bot</b> selected, under Advanced
-                    Permissions, make sure that [View channel] and [Read message
-                    history] are marked as [✓]
-                  </li>
-                  <li>
-                    Select the plus sign to the right of Roles/Members and under
-                    members select <b>TogetherCrew bot</b>
-                  </li>
-                  <li>
-                    Click on the <b>Refresh List</b> button on this window and
-                    select the new channels
-                  </li>
-                </ol>
-              </div>
-            </AccordionDetails>
-          </Accordion>
-          <div className="flex justify-center mt-1">
-            <CustomButton
-              onClick={submitChannels}
-              label={'Save channels'}
-              classes={'bg-secondary text-white py-3 px-16 text-base'}
-            />
-          </div>
-        </div>
-      </Dialog>
-      <ConfirmStartProcessing
-        open={openProcessing}
-        onClose={handleCloseProcessingModal}
-        onSubmitProcess={handleToProcess}
-      />{' '}
-    </div>
-  );
-}
-
-ChannelSelection.defaultProps = {
-  emitable: false,
-};
diff --git a/src/components/pages/settings/ConfirmStartProcessing.spec.tsx b/src/components/pages/settings/ConfirmStartProcessing.spec.tsx
deleted file mode 100644
index 7d6ed312..00000000
--- a/src/components/pages/settings/ConfirmStartProcessing.spec.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import { render, screen, fireEvent } from '@testing-library/react';
-import ConfirmStartProcessing from './ConfirmStartProcessing';
-
-describe('ConfirmStartProcessing', () => {
-  const onClose = jest.fn();
-  const onSubmitProcess = jest.fn();
-
-  beforeEach(() => {
-    onClose.mockClear();
-    onSubmitProcess.mockClear();
-  });
-
-  it('renders the correct text', () => {
-    render(
-      <ConfirmStartProcessing
-        open
-        onClose={onClose}
-        onSubmitProcess={onSubmitProcess}
-      />
-    );
-
-    expect(
-      screen.getByText(
-        /Data from selected channels may take some time to process/i
-      )
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        /Please confirm you want to start data processing. It might take up to 6 hours to complete. Once it is done we will send you a message on Discord./i
-      )
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        /During this period, it will not be possible to change your imported channels./i
-      )
-    ).toBeInTheDocument();
-    expect(screen.getByText(/Cancel/i)).toBeInTheDocument();
-    expect(screen.getByText('Start data processing')).toBeInTheDocument();
-  });
-
-  it('calls onClose when cancel button is clicked', () => {
-    render(
-      <ConfirmStartProcessing
-        open
-        onClose={onClose}
-        onSubmitProcess={onSubmitProcess}
-      />
-    );
-
-    const cancelButton = screen.getByText(/Cancel/i);
-    fireEvent.click(cancelButton);
-
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-
-  it('calls onSubmitProcess when start button is clicked', () => {
-    render(
-      <ConfirmStartProcessing
-        open
-        onClose={onClose}
-        onSubmitProcess={onSubmitProcess}
-      />
-    );
-
-    const startButton = screen.getByText('Start data processing');
-    fireEvent.click(startButton);
-
-    expect(onSubmitProcess).toHaveBeenCalledTimes(1);
-  });
-
-  it('calls onClose when close icon is clicked', () => {
-    render(
-      <ConfirmStartProcessing
-        open
-        onClose={onClose}
-        onSubmitProcess={onSubmitProcess}
-      />
-    );
-
-    const closeIcon = screen.getByTestId('close-modal-icon');
-    fireEvent.click(closeIcon);
-
-    expect(onClose).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/src/components/pages/settings/ConfirmStartProcessing.tsx b/src/components/pages/settings/ConfirmStartProcessing.tsx
deleted file mode 100644
index 2e952cb4..00000000
--- a/src/components/pages/settings/ConfirmStartProcessing.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import { Dialog, DialogTitle } from '@mui/material';
-import React from 'react';
-import { BsClockHistory } from 'react-icons/bs';
-import CustomButton from '../../global/CustomButton';
-import { IoClose } from 'react-icons/io5';
-
-interface ConfirmStartProcessingProps {
-  open: boolean;
-  onClose: () => void;
-  onSubmitProcess: () => void;
-}
-
-function ConfirmStartProcessing(props: ConfirmStartProcessingProps) {
-  const { open, onClose, onSubmitProcess } = props;
-  return (
-    <Dialog
-      open={open}
-      sx={{
-        '& .MuiDialog-container': {
-          alignItems: 'center',
-          justifyContent: 'center',
-        },
-        '& .MuiPaper-root': {
-          width: '750px',
-          borderRadius: '10px',
-        },
-      }}
-    >
-      <DialogTitle
-        id="alert-dialog-title"
-        className="flex flex-row justify-end"
-      >
-        <IoClose
-          size={40}
-          onClick={onClose}
-          data-testid="close-modal-icon"
-          className="cursor-pointer"
-        />
-      </DialogTitle>
-      <div className="mx-auto text-center w-11/12 space-y-6 pb-10">
-        <BsClockHistory
-          size={60}
-          className="mx-auto bg-gray-100 rounded-full px-3"
-        />
-        <h3 className="text-xl font-bold px-16">
-          Data from selected channels may take some time to process
-        </h3>
-        <p className="text-sm">
-          Please confirm you want to start data processing. It might take up to
-          6 hours to complete. Once it is done we will send you a message on
-          Discord.
-        </p>
-        <p className="text-sm pb-5">
-          During this period, it will not be possible to change your imported
-          channels.
-        </p>
-        <div className="flex flex-col-reverse md:flex-row justify-between md:px-3">
-          <CustomButton
-            classes="text-black rounded-md"
-            label={'Cancel'}
-            variant="outlined"
-            onClick={onClose}
-          />
-          <CustomButton
-            classes="bg-secondary text-white rounded-md mb-3 md:mb-0"
-            label={'Start data processing'}
-            onClick={onSubmitProcess}
-          />
-        </div>
-      </div>
-    </Dialog>
-  );
-}
-
-export default ConfirmStartProcessing;
diff --git a/src/components/pages/settings/ConnectCommunities.tsx b/src/components/pages/settings/ConnectCommunities.tsx
deleted file mode 100644
index 19a3f4b3..00000000
--- a/src/components/pages/settings/ConnectCommunities.tsx
+++ /dev/null
@@ -1,260 +0,0 @@
-import { Paper, Tooltip, Typography } from '@mui/material';
-import { useEffect, useState } from 'react';
-import { FaDiscord } from 'react-icons/fa';
-import { GoPlus } from 'react-icons/go';
-import CustomButton from '../../global/CustomButton';
-import DatePeriodRange from '../../global/DatePeriodRange';
-import CustomModal from '../../global/CustomModal';
-import ChannelSelection from './ChannelSelection';
-import { BsClockHistory, BsTwitter } from 'react-icons/bs';
-import useAppStore from '../../../store/useStore';
-import { useRouter } from 'next/router';
-import moment from 'moment';
-import { StorageService } from '../../../services/StorageService';
-import { IUser } from '../../../utils/types';
-
-import {
-  setAmplitudeUserIdFromToken,
-  trackAmplitudeEvent,
-} from '../../../helpers/amplitudeHelper';
-import { decodeUserTokenDiscordId } from '../../../helpers/helper';
-
-export default function ConnectCommunities() {
-  const router = useRouter();
-
-  const user = StorageService.readLocalStorage<IUser>('user');
-
-  const [open, setOpen] = useState<boolean>(false);
-  const [confirmModalOpen, setConfirmModalOpen] = useState<boolean>(false);
-  const [guildId, setGuildId] = useState<any>('');
-  const [activePeriod, setActivePeriod] = useState<number | string>(1);
-  const [datePeriod, setDatePeriod] = useState<string>('');
-  const [selectedChannels, setSelectedChannels] = useState<any[]>([]);
-
-  const {
-    guilds,
-    connectNewGuild,
-    patchGuildById,
-    getUserGuildInfo,
-    authorizeTwitter,
-  } = useAppStore();
-
-  if (typeof window !== 'undefined') {
-    useEffect(() => {
-      if (Object.keys(router?.query).length > 0 && router.query.isSuccessful) {
-        const { guildId, guildName } = router?.query;
-        let user: any = StorageService.readLocalStorage<IUser>('user');
-        user = { token: user.token, guild: { guildId, guildName } };
-        StorageService.writeLocalStorage('user', user);
-        setGuildId(guildId);
-        toggleModal(true);
-        setDatePeriod(
-          moment().subtract('35', 'days').format('YYYY-MM-DDTHH:mm:ss[Z]')
-        );
-      }
-    }, [router]);
-  }
-
-  const updateSelectedChannels = (channels: any) => {
-    setSelectedChannels(channels);
-  };
-
-  const handleActivePeriod = (dateRangeType: number | string) => {
-    let dateTime = '';
-    switch (dateRangeType) {
-      case 1:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('35', 'days')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      case 2:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('3', 'months')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      case 3:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('6', 'months')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      case 4:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('1', 'year')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      default:
-        break;
-    }
-    setDatePeriod(dateTime);
-  };
-
-  const submitGuild = async () => {
-    await patchGuildById(guildId, datePeriod, selectedChannels).then(
-      (_res: any) => {
-        setOpen(false);
-        toggleConfirmModal(true);
-      }
-    );
-  };
-
-  const toggleModal = (e: boolean) => {
-    setOpen(e);
-  };
-
-  const toggleConfirmModal = (e: boolean) => {
-    setConfirmModalOpen(e);
-    router.replace({
-      pathname: '/settings',
-    });
-  };
-
-  const handleConnectedGuild = () => {
-    const user: IUser | undefined =
-      StorageService.readLocalStorage<IUser>('user');
-
-    setAmplitudeUserIdFromToken();
-
-    trackAmplitudeEvent({
-      eventType: 'update_connected_guild_on_settings',
-      eventProperties: {
-        guild: user?.guild,
-      },
-    });
-    getUserGuildInfo(guildId);
-    setConfirmModalOpen(false);
-  };
-
-  const handleAuthorizeTwitter = () => {
-    authorizeTwitter(decodeUserTokenDiscordId(user));
-  };
-  const isAllTwitterPropertiesNull =
-    user &&
-    user.twitter &&
-    Object.values(user.twitter).every((value) => value == null);
-
-  return (
-    <>
-      <CustomModal
-        isOpen={confirmModalOpen}
-        toggleModal={toggleConfirmModal}
-        hasClose={true}
-      >
-        <div className="mx-auto text-center md:w-2/3 space-y-6 pb-8">
-          <BsClockHistory
-            size={60}
-            className="mx-auto bg-gray-100 rounded-full p-3"
-          />
-          <h3 className="text-xl font-bold">{"Perfect, you're all set!"}</h3>
-          <p className="text-sm">
-            Data import just started. It might take up to 6 hours to finish.
-            Once it is done we will send you a message on Discord.
-          </p>
-          <CustomButton
-            classes="bg-secondary text-white"
-            label={'I understand'}
-            onClick={() => {
-              handleConnectedGuild();
-            }}
-          />
-        </div>
-      </CustomModal>
-      <CustomModal isOpen={open} toggleModal={toggleModal} hasClose={true}>
-        <div className="mx-auto text-left w-11/12 space-y-6 last:space-y-0  pb-8">
-          <h3 className="font-bold text-base">
-            Choose date period for data analysis
-          </h3>
-          <p className="text-base">
-            You will be able to change date period and selected channels in the
-            future.
-          </p>
-          <DatePeriodRange
-            activePeriod={activePeriod}
-            onChangeActivePeriod={handleActivePeriod}
-          />
-        </div>
-        <div className="mx-auto text-left w-11/12 space-y-3 pb-8">
-          <h3 className="font-bold text-base">
-            Confirm your imported channels
-          </h3>
-          <ChannelSelection
-            emitable={true}
-            submit={(channels) => updateSelectedChannels(channels)}
-          />
-          <div className="text-center">
-            <CustomButton
-              classes="bg-secondary text-white mt-6"
-              label={'Continue'}
-              onClick={() => {
-                submitGuild();
-              }}
-            />
-          </div>
-        </div>
-      </CustomModal>
-      <div className="h-[268px] flex justify-center">
-        <div className="h-[200px] w-[500px]">
-          <p className="text-base whitespace-nowrap font-semibold pt-2">
-            Connect your communities
-          </p>
-          <div className="p-4 flex flex-col space-y-3 md:space-y-0 md:flex-row md:space-x-4">
-            {isAllTwitterPropertiesNull ? (
-              <div className="h-[200px] w-[200px]">
-                <Paper
-                  className="text-center h-[200px] py-8 shadow-box rounded-xl mt-3 cursor-pointer"
-                  onClick={() => handleAuthorizeTwitter()}
-                >
-                  <p className="font-sm">Twitter</p>
-                  <BsTwitter size={55} className="mx-auto mt-2 mb-3" />
-                  <div className="text-secondary text-base flex items-center justify-center">
-                    <GoPlus size={20} className="mr-1" />
-                    <p className="font-semibold">Connect</p>
-                  </div>
-                </Paper>
-              </div>
-            ) : (
-              <></>
-            )}
-            <div className="h-[200px] w-[200px]">
-              {guilds.length >= 1 ? (
-                <Tooltip
-                  title={
-                    <Typography fontSize={14}>
-                      It will be possible to connect more communities soon.
-                    </Typography>
-                  }
-                  arrow
-                  placement="right"
-                >
-                  <Paper className="text-center h-[200px] py-8 shadow-box rounded-xl mt-3 cursor-pointer opacity-60">
-                    <p className="font-sm">Discord</p>
-                    <FaDiscord size={60} className="mx-auto mt-2 mb-2" />
-                    <div className="text-secondary text-base flex items-center justify-center">
-                      <GoPlus size={20} className="mr-1" />
-                      <p className="font-semibold">Connect</p>
-                    </div>
-                  </Paper>
-                </Tooltip>
-              ) : (
-                <Paper
-                  className="text-center h-[200px] py-8 shadow-box rounded-xl mt-3 cursor-pointer"
-                  onClick={() => connectNewGuild()}
-                >
-                  <p className="font-sm">Discord</p>
-                  <FaDiscord size={60} className="mx-auto mt-2 mb-2" />
-                  <div className="text-secondary text-base flex items-center justify-center">
-                    <GoPlus size={20} className="mr-1" />
-                    <p className="font-semibold">Connect</p>
-                  </div>
-                </Paper>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/src/components/pages/settings/ConnectedCommunitiesItem.tsx b/src/components/pages/settings/ConnectedCommunitiesItem.tsx
deleted file mode 100644
index 787156e5..00000000
--- a/src/components/pages/settings/ConnectedCommunitiesItem.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Paper, Tooltip, Typography } from '@mui/material';
-import { FaDiscord } from 'react-icons/fa';
-import Image from 'next/image';
-import moment from 'moment';
-
-type IProps = {
-  guild: any;
-  onClick: (guildId: string) => void;
-};
-export default function ConnectedCommunitiesItem({ guild, onClick }: IProps) {
-  return (
-    <div>
-      <Paper className="text-center mx-auto h-[200px] border border-gray-300 w-[200px] py-3 shadow-box rounded-xl flex flex-col justify-between">
-        <div>
-          <div className="font-sm flex justify-center items-center text-center">
-            <p className="pr-1">Discord</p>
-            {!guild.isInProgress || guild.isDisconnected ? (
-              <Tooltip
-                title={
-                  <Typography fontSize={14}>
-                    {guild.isDisconnected
-                      ? 'We don’t have access to your server anymore. Please make sure the Bot is installed properly.'
-                      : !guild.isInProgress
-                      ? 'Discord is connected'
-                      : 'The Discord bot has been connected, and we need time to analyze your data'}
-                  </Typography>
-                }
-                arrow
-                placement="right"
-              >
-                <span
-                  className={`md:h-3 md:w-3 rounded-full ${
-                    guild.isDisconnected
-                      ? 'bg-error-500'
-                      : !guild.isInProgress
-                      ? 'bg-success'
-                      : 'bg-warning-500'
-                  }`}
-                />
-              </Tooltip>
-            ) : (
-              <span
-                className={`md:h-3 md:w-3 rounded-full ${
-                  guild.isDisconnected
-                    ? 'bg-error-500'
-                    : !guild.isInProgress
-                    ? 'bg-success'
-                    : 'bg-warning-500'
-                }`}
-              />
-            )}
-          </div>
-          <FaDiscord size={30} className="mx-auto mt-2 mb-3" />
-        </div>
-        <div className="text-sm flex items-center justify-center">
-          {guild.guildId && guild.icon ? (
-            <Image
-              src={`https://cdn.discordapp.com/icons/${guild.guildId}/${guild.icon}`}
-              width="100"
-              height="100"
-              alt={guild.name ? guild.name : ''}
-              className="rounded-full w-9 h-9"
-            />
-          ) : (
-            <div className="bg-secondary text-center w-9 h-9 rounded-full align-center flex flex-col justify-center text-xs" />
-          )}
-          <div className="flex flex-col text-left pl-1">
-            <p className="font-bold">{guild.name}</p>
-            <p
-              className={`text-xs ${
-                !guild.isInProgress || guild.isDisconnected
-                  ? 'text-black'
-                  : 'text-warning-500'
-              }`}
-            >
-              {!guild.isInProgress || guild.isDisconnected
-                ? `Connected ${moment(guild.connectedAt).format('DD MMM yyyy')}`
-                : 'Data import in progress'}
-            </p>
-          </div>
-        </div>
-        <div
-          className="border-t text-secondary pt-2 font-semibold cursor-pointer"
-          onClick={() => onClick(guild.guildId)}
-        >
-          Disconnect
-        </div>
-      </Paper>
-    </div>
-  );
-}
diff --git a/src/components/pages/settings/ConnectedCommunitiesList.tsx b/src/components/pages/settings/ConnectedCommunitiesList.tsx
deleted file mode 100644
index f1972bb2..00000000
--- a/src/components/pages/settings/ConnectedCommunitiesList.tsx
+++ /dev/null
@@ -1,159 +0,0 @@
-import { useState } from 'react';
-import CustomModal from '../../global/CustomModal';
-import CustomButton from '../../global/CustomButton';
-import ConnectedCommunitiesItem from './ConnectedCommunitiesItem';
-import { toast } from 'react-toastify';
-import { FaRegCheckCircle } from 'react-icons/fa';
-import { Paper } from '@mui/material';
-import useAppStore from '../../../store/useStore';
-import { DISCONNECT_TYPE } from '../../../store/types/ISetting';
-import { StorageService } from '../../../services/StorageService';
-import { ITwitter, IUser } from '../../../utils/types';
-
-import {
-  setAmplitudeUserIdFromToken,
-  trackAmplitudeEvent,
-} from '../../../helpers/amplitudeHelper';
-import ConnectedTwitter from './ConnectedTwitter';
-
-export default function ConnectedCommunitiesList({ guilds }: any) {
-  const { disconnecGuildById, getGuilds } = useAppStore();
-  const [open, setOpen] = useState<boolean>(false);
-  const [guildId, setGuildId] = useState<string>('');
-  const toggleModal = (e: boolean) => {
-    setOpen(e);
-  };
-  let user: IUser | undefined = StorageService.readLocalStorage<IUser>('user');
-  const notify = () => {
-    toast('The integration has been disconnected succesfully.', {
-      position: 'top-center',
-      autoClose: 3000,
-      hideProgressBar: true,
-      closeOnClick: false,
-      pauseOnHover: true,
-      draggable: false,
-      progress: undefined,
-      closeButton: false,
-      theme: 'light',
-      icon: <FaRegCheckCircle color="#56C054" />,
-    });
-  };
-
-  const disconnectGuild = (discconectType: DISCONNECT_TYPE) => {
-    disconnecGuildById(guildId, discconectType).then((_res: any) => {
-      notify();
-      getGuilds();
-
-      setAmplitudeUserIdFromToken();
-
-      trackAmplitudeEvent({
-        eventType: 'disconnect_guild_on_setting',
-        eventProperties: {
-          guild: user?.guild,
-        },
-      });
-
-      if (user) {
-        user = { token: user.token, guild: { guildId: '', guildName: '' } };
-        StorageService.writeLocalStorage('user', user);
-      }
-    });
-  };
-
-  function isAllTwitterPropertiesNull(twitter: ITwitter): boolean {
-    return (
-      twitter.twitterConnectedAt === null &&
-      twitter.twitterId === null &&
-      twitter.twitterProfileImageUrl === null &&
-      twitter.twitterUsername === null
-    );
-  }
-
-  return (
-    <>
-      {guilds && guilds.length > 0 ? (
-        <div className="bg-gray-background overflow-auto rounded-lg px-4 md:h-[268px]">
-          <p className="text-base font-semibold pt-2">Connected communities</p>
-          <div className="flex flex-row">
-            {guilds && guilds.length > 0
-              ? guilds.map((guild: any) => (
-                  <div
-                    className="p-4 flex flex-col space-y-3 md:space-y-0 md:flex-row md:space-x-4"
-                    key={guild.id}
-                  >
-                    <ConnectedCommunitiesItem
-                      guild={guild}
-                      onClick={(guildId: string) => {
-                        setGuildId(guildId), setOpen(true);
-                      }}
-                    />
-                  </div>
-                ))
-              : ''}
-            {user?.twitter && !isAllTwitterPropertiesNull(user.twitter) ? (
-              <div className="p-4">
-                <ConnectedTwitter twitter={user.twitter} />
-              </div>
-            ) : (
-              <></>
-            )}
-          </div>
-        </div>
-      ) : (
-        ''
-      )}
-      <CustomModal isOpen={open} toggleModal={toggleModal} hasClose={true}>
-        <div className="mx-auto text-center md:w-full space-y-6 pt-4 pb-8">
-          <h3 className="text-xl font-bold">
-            Are you sure you want to disconnect{' '}
-            <br className="hidden md:flex" /> your community?
-          </h3>
-          <div className="flex flex-col md:flex-row justify-between space-y-4 md:space-y-0 md:space-x-8">
-            <Paper
-              sx={{
-                padding: '2rem 1rem',
-              }}
-              className="space-y-8 shadow-md rounded-xl"
-            >
-              <div className="space-y-4 p-2.5">
-                <h3 className="font-bold">Disconnect and delete data</h3>
-                <p className="text-sm text-left">
-                  Importing activities and members will be stopped. Historical
-                  activities <b>will be deleted</b>.
-                </p>
-              </div>
-              <CustomButton
-                classes="bg-secondary text-white"
-                label={'Disconnect and delete'}
-                onClick={() => {
-                  disconnectGuild('hard');
-                }}
-              />
-            </Paper>
-            <Paper
-              sx={{
-                padding: '2rem 1rem',
-              }}
-              className="space-y-8 shadow-md rounded-xl"
-            >
-              <div className="space-y-4 p-2.5">
-                <h3 className="font-bold">Disconnect only</h3>
-                <p className="text-sm text-left">
-                  Importing activities and members will be stopped. Historical
-                  activities <b>will not be affected</b>.
-                </p>
-              </div>
-              <CustomButton
-                classes="bg-secondary text-white"
-                label={'Disconnect'}
-                onClick={() => {
-                  disconnectGuild('soft');
-                }}
-              />
-            </Paper>
-          </div>
-        </div>
-      </CustomModal>
-    </>
-  );
-}
diff --git a/src/components/pages/settings/ConnectedTwitter.tsx b/src/components/pages/settings/ConnectedTwitter.tsx
deleted file mode 100644
index de5be7b0..00000000
--- a/src/components/pages/settings/ConnectedTwitter.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { Avatar, Paper } from '@mui/material';
-import React from 'react';
-import { ITwitter } from '../../../utils/types';
-import useAppStore from '../../../store/useStore';
-import { BsTwitter } from 'react-icons/bs';
-import moment from 'moment';
-import { StorageService } from '../../../services/StorageService';
-import clsx from 'clsx';
-
-interface IConnectedTwitter {
-  twitter?: ITwitter;
-}
-
-function ConnectedTwitter({ twitter }: IConnectedTwitter) {
-  const { disconnectTwitter, getUserInfo } = useAppStore();
-
-  const handleDisconnect = async () => {
-    try {
-      await disconnectTwitter();
-
-      const userInfo = await getUserInfo();
-      const {
-        twitterConnectedAt,
-        twitterId,
-        twitterProfileImageUrl,
-        twitterUsername,
-      } = userInfo;
-
-      StorageService.updateLocalStorageWithObject('user', 'twitter', {
-        twitterConnectedAt,
-        twitterId,
-        twitterProfileImageUrl,
-        twitterUsername,
-      });
-
-      StorageService.removeLocalStorage('lastTwitterMetricsRefreshDate');
-    } catch (error) {
-      console.error('Error handling disconnect:', error);
-    }
-  };
-
-  return (
-    <div>
-      <Paper className="text-center mx-auto h-[200px] border border-gray-300 w-[200px] py-3 shadow-box rounded-xl flex flex-col justify-between">
-        <div>
-          <div className="font-sm flex justify-center items-center text-center">
-            <p className="pr-1">Twitter</p>
-            <span
-              className={clsx(
-                'md:h-3 md:w-3 rounded-full',
-                twitter?.twitterIsInProgress ? 'bg-success' : 'bg-warning-500'
-              )}
-            />
-          </div>
-          <BsTwitter size={30} className="mx-auto mt-2 mb-3" />
-        </div>
-        <div className="flex items-center space-x-1 mx-auto">
-          <Avatar
-            sx={{ height: 35, width: 35 }}
-            src={twitter?.twitterProfileImageUrl}
-          />
-          <div className="text-left">
-            <p className="font-bold text-sm">{twitter?.twitterUsername}</p>
-            <p className="text-xs">{`Connected ${moment(
-              twitter?.twitterConnectedAt
-            ).format('DD MMM yyyy')}`}</p>
-          </div>
-        </div>
-        <div
-          className="border-t text-secondary pt-2 font-semibold cursor-pointer"
-          onClick={handleDisconnect}
-        >
-          Disconnect
-        </div>
-      </Paper>
-    </div>
-  );
-}
-
-export default ConnectedTwitter;
diff --git a/src/components/pages/settings/DataAnalysis.tsx b/src/components/pages/settings/DataAnalysis.tsx
deleted file mode 100644
index cd80b222..00000000
--- a/src/components/pages/settings/DataAnalysis.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import CustomModal from '../../global/CustomModal';
-import CustomButton from '../../global/CustomButton';
-import DatePeriodRange from '../../global/DatePeriodRange';
-import { BsClockHistory } from 'react-icons/bs';
-import useAppStore from '../../../store/useStore';
-import { FiInfo } from 'react-icons/fi';
-import { BiError } from 'react-icons/bi';
-import moment from 'moment';
-import { StorageService } from '../../../services/StorageService';
-import { IGuild, IUser } from '../../../utils/types';
-
-export default function DataAnalysis() {
-  const [activePeriod, setActivePeriod] = useState<number | string>(1);
-  const [guild, setGuild] = useState<IGuild>();
-  const [analysisStateDate, setAnalysisStartDate] = useState<any>('');
-  const [open, setOpen] = useState<boolean>(false);
-  const [datePeriod, setDatePeriod] = useState<string>('');
-  const [isDisabled, toggleDisabled] = useState<boolean>(true);
-  const { guildInfo, updateAnalysisDatePeriod, getUserGuildInfo, guilds } =
-    useAppStore();
-
-  const handleActivePeriod = (dateRangeType: number | string) => {
-    let dateTime = '';
-    switch (dateRangeType) {
-      case 1:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('35', 'days')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      case 2:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('3', 'months')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      case 3:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('6', 'months')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      case 4:
-        setActivePeriod(dateRangeType);
-        dateTime = moment()
-          .subtract('1', 'year')
-          .format('YYYY-MM-DDTHH:mm:ss[Z]');
-        break;
-      default:
-        break;
-    }
-    setDatePeriod(dateTime);
-    toggleDisabled(false);
-  };
-
-  useEffect(() => {
-    const user = StorageService.readLocalStorage<IUser>('user');
-    if (user) {
-      setGuild(user.guild);
-    }
-    const start = moment(guildInfo.period, 'YYYY-MM-DD');
-    const end = moment();
-
-    const datePeriod = Math.round(moment.duration(end.diff(start)).asMonths());
-
-    if (datePeriod <= 1) {
-      setActivePeriod(1);
-    } else if (datePeriod <= 3) {
-      setActivePeriod(2);
-    } else if (datePeriod > 3 && datePeriod <= 6) {
-      setActivePeriod(3);
-    } else {
-      setActivePeriod(4);
-    }
-
-    setAnalysisStartDate(guildInfo.period);
-  }, [guildInfo]);
-
-  const toggleModal = (e: boolean) => {
-    setOpen(e);
-  };
-
-  const submitNewDatePeriod = () => {
-    updateAnalysisDatePeriod(guild?.guildId, datePeriod).then((_res: any) => {
-      getUserGuildInfo(guild?.guildId);
-      setOpen(false);
-    });
-  };
-
-  if (guilds.length === 0) {
-    return (
-      <div className="flex flex-col space-y-4">
-        <p className="text-sm text-black">
-          It might take up to 6 hours to finish new data import. Once it is done
-          we will <br /> send you a message on Discord.
-        </p>
-        <p className="flex flex-row items-stretch text-sm text-warning-500">
-          <BiError size={24} />
-          <span className="pl-1 text-sm">
-            There is no community connected at the moment. To be able to select
-            the date period,
-            <br className="hidden md:block" /> please connect your community
-            first.
-          </span>
-        </p>
-        <div className="pointer-events-none opacity-50">
-          <DatePeriodRange
-            activePeriod={1}
-            onChangeActivePeriod={handleActivePeriod}
-          />
-          <CustomButton
-            classes="bg-secondary text-white mt-5"
-            label={'Confirm selection'}
-            disabled={isDisabled}
-            onClick={() => toggleModal(true)}
-          />
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex flex-col space-y-4">
-      <p className="text-sm text-black">
-        It might take up to 6 hours to finish new data import. Once it is done
-        we will <br /> send you a message on Discord.
-      </p>
-      <p className="flex flex-row items-center text-sm">
-        <FiInfo size={24} />
-        <span className="pl-1">
-          Data analysis runs from:{' '}
-          <b>{moment(analysisStateDate).format('DD MMMM yyyy')}</b>
-        </span>
-      </p>
-      <DatePeriodRange
-        activePeriod={activePeriod}
-        onChangeActivePeriod={handleActivePeriod}
-      />
-      <div>
-        <CustomButton
-          classes="bg-secondary text-white mt-2"
-          label={'Confirm selection'}
-          disabled={isDisabled}
-          onClick={() => toggleModal(true)}
-        />
-      </div>
-      <CustomModal isOpen={open} toggleModal={toggleModal} hasClose={true}>
-        <div className="mx-auto text-center md:w-2/3 space-y-6 pb-8">
-          <BsClockHistory
-            size={60}
-            className="mx-auto bg-gray-100 rounded-full p-3"
-          />
-          <h3 className="text-xl font-bold">
-            We are changing date period for data analysis now
-          </h3>
-          <p className="text-sm">
-            It might take up to 6 hours to finish new data import.{' '}
-            <br className="hidden md:flex" /> Once it is done we will send you a
-            message on Discord.
-          </p>
-          <CustomButton
-            classes="bg-secondary text-white"
-            label={'I understand'}
-            onClick={submitNewDatePeriod}
-          />
-        </div>
-      </CustomModal>
-    </div>
-  );
-}
diff --git a/src/components/pages/settings/IntegrateDiscord.tsx b/src/components/pages/settings/IntegrateDiscord.tsx
deleted file mode 100644
index 951025aa..00000000
--- a/src/components/pages/settings/IntegrateDiscord.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import useAppStore from '../../../store/useStore';
-import ConnectCommunities from './ConnectCommunities';
-import ConnectedCommunitiesList from './ConnectedCommunitiesList';
-
-export default function IntegrateDiscord() {
-  const { guilds } = useAppStore();
-  
-  return (
-    <div className="flex flex-col md:flex-row md:space-x-10">
-      <ConnectedCommunitiesList guilds={guilds} />
-      <ConnectCommunities />
-    </div>
-  );
-}

From a4afd2488bf2670356f9799acb6fec498c62170c Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Fri, 22 Dec 2023 18:05:40 +0300
Subject: [PATCH 4/6] remove settingSlice & authSlice

---
 src/store/slices/authSlice.ts    |  73 ---------------------
 src/store/slices/settingSlice.ts | 108 -------------------------------
 src/store/types/IAuth.ts         |  34 ----------
 src/store/types/ISetting.ts      |  59 -----------------
 src/store/useStore.ts            |   4 --
 5 files changed, 278 deletions(-)
 delete mode 100644 src/store/slices/authSlice.ts
 delete mode 100644 src/store/slices/settingSlice.ts
 delete mode 100644 src/store/types/IAuth.ts
 delete mode 100644 src/store/types/ISetting.ts

diff --git a/src/store/slices/authSlice.ts b/src/store/slices/authSlice.ts
deleted file mode 100644
index 0e116464..00000000
--- a/src/store/slices/authSlice.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { StateCreator } from 'zustand';
-import IAuth, { IUser } from '../types/IAuth';
-import { conf } from '../../configs';
-import { axiosInstance } from '../../axiosInstance';
-import { StorageService } from '../../services/StorageService';
-
-const BASE_URL = conf.API_BASE_URL;
-
-const createAuthSlice: StateCreator<IAuth> = (set, get) => ({
-  isLoggedIn: false,
-  isLoading: false,
-  user: {},
-  guildChannels: [],
-
-  signUp: () => {
-    location.replace(`${BASE_URL}/auth/try-now`);
-  },
-
-  login: () => {
-    location.replace(`${BASE_URL}/auth/login`);
-  },
-
-  loginWithDiscord: (user: IUser) =>
-    set(() => {
-      StorageService.writeLocalStorage('user', {
-        guild: {
-          guildId: user.guildId,
-          guildName: user.guildName,
-        },
-        token: {
-          accessToken: user.accessToken,
-          accessExp: user.accessExp,
-          refreshToken: user.refreshToken,
-          refreshExp: user.refreshExp,
-        },
-      });
-
-      return { user };
-    }),
-
-  fetchGuildChannels: async (guild_id: string) => {
-    try {
-      set(() => ({ isLoading: true }));
-      const { data } = await axiosInstance.get(`/guilds/${guild_id}/channels`);
-      set({ guildChannels: [...data], isLoading: false });
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
-  },
-
-  updateGuildById: async (guildId, period, selectedChannels) => {
-    try {
-      set(() => ({ isLoading: true }));
-      await axiosInstance.patch(`/guilds/${guildId}`, {
-        period,
-        selectedChannels: selectedChannels,
-      });
-      set({ isLoading: false });
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
-  },
-
-  changeEmail: async (emailAddress: string) => {
-    try {
-      await axiosInstance.patch(`/users/@me`, {
-        email: emailAddress,
-      });
-    } catch (error) {}
-  },
-});
-
-export default createAuthSlice;
diff --git a/src/store/slices/settingSlice.ts b/src/store/slices/settingSlice.ts
deleted file mode 100644
index 175ede5d..00000000
--- a/src/store/slices/settingSlice.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { StateCreator } from 'zustand';
-import { axiosInstance } from '../../axiosInstance';
-import ISetting from '../types/ISetting';
-import { conf } from '../../configs';
-
-const BASE_URL = conf.API_BASE_URL;
-
-const createSettingSlice: StateCreator<ISetting> = (set, get) => ({
-  isLoading: false,
-  isRefetchLoading: false,
-  guildInfo: {},
-  userInfo: {},
-  guildInfoByDiscord: {},
-  guilds: [],
-  guildChannels: [],
-  getUserGuildInfo: async (guildId: string) => {
-    try {
-      set(() => ({ isLoading: true }));
-      const { data } = await axiosInstance.get(`/guilds/${guildId}`);
-
-      set({ guildInfo: data, isLoading: false });
-    } catch (error) {
-      set(() => ({ guildInfo: {}, isLoading: false }));
-    }
-  },
-  getUserInfo: async () => {
-    try {
-      const { data } = await axiosInstance.get('/users/@me');
-      set({ userInfo: data });
-      return data;
-    } catch (error) {}
-  },
-  getGuildInfoByDiscord: async (guildId) => {
-    try {
-      set(() => ({ isLoading: true }));
-      const { data } = await axiosInstance.get(`/guilds/${guildId}`);
-      set({ guildInfoByDiscord: data, isLoading: false });
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
-  },
-  updateSelectedChannels: async (guildId, selectedChannels) => {
-    try {
-      set(() => ({ isLoading: true }));
-      await axiosInstance.patch(`/guilds/${guildId}`, {
-        selectedChannels: selectedChannels,
-      });
-      set({ isLoading: false });
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
-  },
-  patchGuildById: async (guildId, period, selectedChannels) => {
-    try {
-      await axiosInstance.patch(`/guilds/${guildId}`, {
-        period,
-        selectedChannels: selectedChannels,
-      });
-    } catch (error) {}
-  },
-  updateAnalysisDatePeriod: async (guildId, period) => {
-    try {
-      set(() => ({ isLoading: true }));
-      await axiosInstance.patch(`/guilds/${guildId}`, {
-        period,
-      });
-      set({ isLoading: false });
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
-  },
-  getGuilds: async () => {
-    try {
-      const { data } = await axiosInstance.get(`/guilds?isDisconnected=false`);
-      set({
-        guilds: [...data.results],
-      });
-    } catch (error) {}
-  },
-  disconnecGuildById: async (guildId, disconnectType) => {
-    try {
-      set(() => ({ isLoading: true }));
-      await axiosInstance.post(`/guilds/${guildId}/disconnect`, {
-        disconnectType: disconnectType,
-      });
-      set({ isLoading: false });
-    } catch (error) {
-      set(() => ({ isLoading: false }));
-    }
-  },
-  connectNewGuild: async () => {
-    try {
-      location.replace(`${BASE_URL}/guilds/connect`);
-    } catch (error) {}
-  },
-
-  refetchGuildChannels: async (guild_id: string) => {
-    try {
-      set(() => ({ isRefetchLoading: true }));
-      const { data } = await axiosInstance.get(`/guilds/${guild_id}/channels`);
-      set({ guildChannels: [...data], isRefetchLoading: false });
-    } catch (error) {
-      set(() => ({ isRefetchLoading: false }));
-    }
-  },
-});
-
-export default createSettingSlice;
diff --git a/src/store/types/IAuth.ts b/src/store/types/IAuth.ts
deleted file mode 100644
index ab03f71c..00000000
--- a/src/store/types/IAuth.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { IChannelWithoutId, IGuildChannels } from '../../utils/types';
-
-export type IUser = {
-  readonly accessToken: string;
-  readonly accessExp: string;
-  readonly guildId: string;
-  readonly guildName: string;
-  readonly refreshExp: string;
-  readonly refreshToken: string;
-};
-
-export type ISubChannels = {
-  readonly id: string;
-  readonly name: string;
-  readonly canReadMessageHistoryAndViewChannel: boolean;
-  readonly parent_id: string;
-};
-
-export default interface IAuth {
-  user: IUser | {};
-  isLoading: boolean;
-  isLoggedIn: boolean;
-  guildChannels: IGuildChannels[];
-  signUp: () => void;
-  login: () => void;
-  loginWithDiscord: (user: IUser) => void;
-  fetchGuildChannels: (guild_id: string) => void;
-  updateGuildById: (
-    guildId: string,
-    period: string,
-    selectedChannels: IChannelWithoutId[]
-  ) => any;
-  changeEmail: (email: string) => any;
-}
diff --git a/src/store/types/ISetting.ts b/src/store/types/ISetting.ts
deleted file mode 100644
index 5de57107..00000000
--- a/src/store/types/ISetting.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { IChannelWithoutId, IGuildChannels } from '../../utils/types';
-
-export type IGuildInfo = {
-  id?: string;
-  guildId?: string;
-  ownerId?: string;
-  name?: boolean;
-  period?: string;
-  selectedChannels?: IChannelWithoutId[];
-};
-
-export type DISCONNECT_TYPE = 'soft' | 'hard';
-
-export interface IUserInfo {
-  discordId: string;
-  email: string;
-  verified: boolean;
-  avatar: string;
-  twitterConnectedAt: string;
-  twitterId: string;
-  twitterProfileImageUrl: string;
-  twitterUsername: string;
-  twitterIsInProgress: boolean;
-  id: string;
-}
-
-export default interface IGuildList extends IGuildInfo {
-  isInProgress?: boolean;
-  isDisconnected?: boolean;
-  connectedAt?: string;
-}
-export default interface ISetting {
-  isLoading: boolean;
-  isRefetchLoading: boolean;
-  guildInfo?: IGuildInfo | {};
-  userInfo: IUserInfo | {};
-  guildInfoByDiscord: {};
-  guilds: IGuildList[];
-  guildChannels: IGuildChannels[];
-  getUserGuildInfo: (guildId: string) => void;
-  getUserInfo: () => any;
-  getGuildInfoByDiscord: (guildId: string) => void;
-  updateSelectedChannels: (
-    guildId: string,
-    selectedChannels: IChannelWithoutId[]
-  ) => void;
-  patchGuildById: (
-    guildId: string,
-    period: string,
-    selectedChannels: IChannelWithoutId[]
-  ) => any;
-  updateAnalysisDatePeriod: (guildId: string, period: string) => void;
-  getGuilds: () => void;
-  disconnecGuildById: (
-    guildId: string,
-    disconnectType: DISCONNECT_TYPE
-  ) => void;
-  refetchGuildChannels: (guild_id: string) => void;
-}
diff --git a/src/store/useStore.ts b/src/store/useStore.ts
index 63526092..16a674c6 100644
--- a/src/store/useStore.ts
+++ b/src/store/useStore.ts
@@ -1,7 +1,5 @@
 import { create } from 'zustand';
-import createAuthSlice from './slices/authSlice';
 import createChartSlice from './slices/chartSlice';
-import createSettingSlice from './slices/settingSlice';
 import createBreakdownsSlice from './slices/breakdownsSlice';
 import createMemberInteractionSlice from './slices/memberInteractionSlice';
 import communityHealthSlice from './slices/communityHealthSlice';
@@ -11,9 +9,7 @@ import platformSlice from './slices/platformSlice';
 import userSlice from './slices/userSlice';
 
 const useAppStore = create<any>()((...a) => ({
-  ...createAuthSlice(...a),
   ...createChartSlice(...a),
-  ...createSettingSlice(...a),
   ...createBreakdownsSlice(...a),
   ...createMemberInteractionSlice(...a),
   ...communityHealthSlice(...a),

From 8363c08bb6c27550a16b302afcecf1a06c0b5919 Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Fri, 22 Dec 2023 18:08:54 +0300
Subject: [PATCH 5/6] remove old channelList component

---
 src/components/pages/login/ChannelList.tsx | 91 ----------------------
 1 file changed, 91 deletions(-)
 delete mode 100644 src/components/pages/login/ChannelList.tsx

diff --git a/src/components/pages/login/ChannelList.tsx b/src/components/pages/login/ChannelList.tsx
deleted file mode 100644
index 91c38db6..00000000
--- a/src/components/pages/login/ChannelList.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import { FormControlLabel, Checkbox } from '@mui/material';
-import { FiAlertTriangle } from 'react-icons/fi';
-import { ISubChannels } from '../../../utils/types';
-
-type IChannelListProps = {
-  guild: any;
-  showFlag: boolean;
-  onChange: (channelId: string, subChannelId: string, status: boolean) => void;
-  handleCheckAll: (guild: any, status: boolean) => void;
-};
-
-export default function ChannelList({
-  guild,
-  onChange,
-  handleCheckAll,
-  showFlag,
-}: IChannelListProps) {
-  const subChannelsList = (
-    <>
-      <p className="text-sm my-1">Channels</p>
-      {guild.subChannels.map((channel: ISubChannels, index: any) => (
-        <div className="flex flex-col space-y-3 mb-1" key={index}>
-          <div className="flex flex-col md:flex-row justify-between">
-            <FormControlLabel
-              control={
-                <Checkbox
-                  name={channel.name}
-                  value={channel.channelId}
-                  color="secondary"
-                  checked={
-                    channel.canReadMessageHistoryAndViewChannel !== undefined
-                      ? guild.selected[channel.channelId]
-                      : guild.selected[channel.channelId] ?? false
-                  }
-                  disabled={
-                    showFlag
-                      ? !channel.canReadMessageHistoryAndViewChannel
-                      : false
-                  }
-                  onChange={(e) =>
-                    onChange(
-                      guild.channelId,
-                      channel.channelId,
-                      e.target.checked
-                    )
-                  }
-                />
-              }
-              label={channel.name}
-            />
-            {showFlag && !channel.canReadMessageHistoryAndViewChannel ? (
-              <div className="flex flex-row items-center pl-8 md:pl-0 text-red-600">
-                <FiAlertTriangle color="text-red-600" />
-                <span className="pl-2 text-sm">
-                  {!channel.canReadMessageHistoryAndViewChannel
-                    ? 'Bot needs access'
-                    : ''}
-                </span>
-              </div>
-            ) : (
-              ''
-            )}
-          </div>
-        </div>
-      ))}
-    </>
-  );
-
-  return (
-    <div className="flex flex-col">
-      <p className="text-md font-bold mb-2">{guild.title}</p>
-      <div className="ml-5">
-        <FormControlLabel
-          label="All Channels"
-          control={
-            <Checkbox
-              checked={Object.values(guild.selected).every((item) => item)}
-              color="secondary"
-              onChange={(e) => handleCheckAll(guild, e.target.checked)}
-            />
-          }
-        />
-        {subChannelsList}
-      </div>
-    </div>
-  );
-}
-
-ChannelList.defaultProps = {
-  showFlag: false,
-};

From 1e9faab738a4b2466919682bd05df038af883f05 Mon Sep 17 00:00:00 2001
From: zuies <zurabichkhikvadze66@gmail.com>
Date: Fri, 22 Dec 2023 18:18:07 +0300
Subject: [PATCH 6/6] remove useless global component

---
 src/components/global/Accardion.tsx        | 66 -------------------
 src/components/global/Card.tsx             | 28 --------
 src/components/global/CustomDatePicker.tsx | 77 ----------------------
 src/components/global/CustomModal.tsx      | 60 -----------------
 src/components/global/DatePeriodRange.tsx  | 63 ------------------
 tsconfig.json                              |  2 +-
 6 files changed, 1 insertion(+), 295 deletions(-)
 delete mode 100644 src/components/global/Accardion.tsx
 delete mode 100644 src/components/global/Card.tsx
 delete mode 100644 src/components/global/CustomDatePicker.tsx
 delete mode 100644 src/components/global/CustomModal.tsx
 delete mode 100644 src/components/global/DatePeriodRange.tsx

diff --git a/src/components/global/Accardion.tsx b/src/components/global/Accardion.tsx
deleted file mode 100644
index e4400f2a..00000000
--- a/src/components/global/Accardion.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import React, { ReactElement } from 'react';
-import { Accordion, AccordionDetails, AccordionSummary } from '@mui/material';
-import { MdExpandMore } from 'react-icons/md';
-
-type AcProps = {
-  readonly title?: string;
-  childs: AcChildProps[];
-};
-
-type AcChildProps = {
-  title: string;
-  id: string;
-  icon?: ReactElement;
-  detailsComponent: ReactElement;
-};
-
-export default function Accardion({ title, childs }: AcProps) {
-  const [expanded, setExpanded] = React.useState<string | false>(false);
-
-  const handleChange =
-    (panel: string) => (_event: React.SyntheticEvent, isExpanded: boolean) => {
-      setExpanded(isExpanded ? panel : false);
-    };
-
-  return (
-    <>
-      <p className="text-lite-gray text-sm pt-4">{title}</p>
-      {childs.map((el) => (
-        <Accordion
-          className={
-            expanded === el.id ? 'shadow-base my-5 rounded-xl' : 'my-5'
-          }
-          expanded={expanded === el.id}
-          onChange={handleChange(el.id)}
-          id={el.id}
-          key={el.id}
-          disableGutters
-          sx={{
-            boxShadow: 'none',
-            '&:before': {
-              display: 'none',
-            },
-          }}
-        >
-          <AccordionSummary
-            expandIcon={
-              <MdExpandMore color="#37474F" size={25} fill="#37474F" />
-            }
-            aria-controls={`${el.id}-content`}
-            id={el.id}
-          >
-            <div className="flex flex-row items-center space-x-3">
-              <div className="h-8 w-8 text-xs md:text-lg md:h-8 md:w-8 bg-gray-background rounded-full justify-center flex font-bold text-gray-500	items-center text-center">
-                {el.icon}
-              </div>
-              <p className="font-bold text-base">{el.title}</p>
-            </div>
-          </AccordionSummary>
-          <AccordionDetails className="mx-4 mb-3 md:ml-11">
-            {el.detailsComponent}
-          </AccordionDetails>
-        </Accordion>
-      ))}
-    </>
-  );
-}
diff --git a/src/components/global/Card.tsx b/src/components/global/Card.tsx
deleted file mode 100644
index fc0ae5c2..00000000
--- a/src/components/global/Card.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Image from "next/image";
-
-type Props = {
-  className?: string;
-  title: string;
-  srcImage: string;
-  srcWidth: number;
-};
-
-export default function Card({ className, title, srcImage, srcWidth }: Props) {
-  return (
-    <div className={clsx("w-1/2 shadow-lg rounded-xl p-6", className)}>
-      <p className="text-2xl font-bold">{title}</p>
-      <div className="w-full">
-        <div className="pb-1 pt-12 w-1/2 relative float-right">
-          <Image src={srcImage} alt="Picture of the author" width={srcWidth} />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-Card.defaultProps = {
-  title: "",
-  srcWidth: "400",
-};
diff --git a/src/components/global/CustomDatePicker.tsx b/src/components/global/CustomDatePicker.tsx
deleted file mode 100644
index 45ede02b..00000000
--- a/src/components/global/CustomDatePicker.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React, { FC, RefObject, useState } from 'react';
-import '@hassanmojab/react-modern-calendar-datepicker/lib/DatePicker.css';
-import DatePicker, {
-  DayRange,
-} from '@hassanmojab/react-modern-calendar-datepicker';
-import { FiCalendar } from 'react-icons/fi';
-import clsx from 'clsx';
-import moment from 'moment';
-
-interface IProps {
-  placeholder?: string;
-  className: string;
-  onClick: any;
-}
-
-const CustomDatePicker: FC<IProps> = ({
-  placeholder,
-  className,
-  onClick,
-}): JSX.Element => {
-  const [dayRange, setDayRange] = useState<DayRange>({
-    from: null,
-    to: null,
-  });
-
-  const renderCustomInput = ({
-    ref,
-  }: {
-    ref: RefObject<HTMLInputElement> | any;
-  }) => (
-    <div
-      onClick={onClick}
-      className={clsx(
-        'flex flex-row bg-gray-background text-center py-2.5 md:py-2 px-3 text-sm rounded-md cursor-pointer',
-        className
-      )}
-    >
-      <FiCalendar size={20} className="mr-2" />
-      <input
-        ref={ref}
-        readOnly
-        value={
-          dayRange.from
-            ? ` ${moment(dayRange.from?.month).format('MMM')} ${moment(
-                dayRange.from?.day
-              ).format('DD')} - ${
-                dayRange.to?.month
-                  ? moment(dayRange.to?.month).format('MMM')
-                  : ''
-              } ${dayRange.to?.day ? dayRange.to?.day : ''}  ${
-                dayRange.to?.year ? dayRange.to?.year : ''
-              }`
-            : ''
-        }
-        placeholder={placeholder}
-        className="bg-transparent outline-none"
-      />
-    </div>
-  );
-
-  return (
-    <DatePicker
-      value={dayRange}
-      onChange={(date) => setDayRange(date)}
-      renderInput={renderCustomInput}
-      colorPrimary="#35B9B7" // added this
-      colorPrimaryLight="#D0FBF8" // and this
-      calendarPopperPosition="bottom"
-    />
-  );
-};
-
-CustomDatePicker.defaultProps = {
-  placeholder: 'Specific date',
-};
-
-export default CustomDatePicker;
diff --git a/src/components/global/CustomModal.tsx b/src/components/global/CustomModal.tsx
deleted file mode 100644
index 3209fa9a..00000000
--- a/src/components/global/CustomModal.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Dialog, DialogTitle, DialogContent } from '@mui/material';
-import { IoClose } from 'react-icons/io5';
-
-type IModalProps = {
-  isOpen: boolean;
-  toggleModal: (arg0: boolean) => void;
-  children: any;
-  hasClose: boolean;
-};
-export default function ConfirmModal({
-  isOpen,
-  toggleModal,
-  children,
-  hasClose,
-  ...props
-}: IModalProps) {
-  const handleClose = () => {
-    toggleModal(false);
-  };
-  return (
-    <>
-      <Dialog
-        open={isOpen}
-        onClose={handleClose}
-        sx={{
-          '& .MuiDialog-container': {
-            alignItems: 'flex-start',
-            verticalAlign: 'top',
-            '& .MuiPaper-root': {
-              width: '100%',
-              maxWidth: '650px',
-              borderRadius: '10px',
-              overflow: 'visible',
-            },
-            '& .MuiDialogContent-root': {
-              overflow: 'visible',
-            },
-          },
-        }}
-        {...props}
-      >
-        {hasClose ? (
-          <DialogTitle
-            id="alert-dialog-title"
-            className="flex flex-row justify-end"
-          >
-            <IoClose
-              size={30}
-              onClick={handleClose}
-              className="cursor-pointer"
-            />
-          </DialogTitle>
-        ) : (
-          ''
-        )}
-        <DialogContent>{children}</DialogContent>
-      </Dialog>
-    </>
-  );
-}
diff --git a/src/components/global/DatePeriodRange.tsx b/src/components/global/DatePeriodRange.tsx
deleted file mode 100644
index 826d0b95..00000000
--- a/src/components/global/DatePeriodRange.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import clsx from 'clsx';
-import React, { useState } from 'react';
-import CustomDatePicker from './CustomDatePicker';
-
-type dateItems = {
-  title: string;
-  icon?: JSX.Element;
-  value: any;
-};
-
-const datePeriod: dateItems[] = [
-  {
-    title: 'Last 35 days',
-    value: 1,
-  },
-  {
-    title: '3M',
-    value: 2,
-  },
-  {
-    title: '6M',
-    value: 3,
-  },
-  {
-    title: '1Y',
-    value: 4,
-  },
-];
-
-type datePeriodRangeProps = {
-  activePeriod: string | number;
-  onChangeActivePeriod: (e: number) => void;
-};
-
-export default function DatePeriodRange({
-  activePeriod,
-  onChangeActivePeriod,
-}: datePeriodRangeProps) {
-  return (
-    <div className="flex flex-row md:space-x-3 flex-wrap">
-      <ul className="flex flex-row flex-wrap space-x-1.5 md:space-x-3">
-        {datePeriod.length > 0
-          ? datePeriod.map((el) => (
-              <li
-                className={`
-                           flex flex-row items-center px-3 md:px-2.5 py-2 mb-2 md:py-1.5 rounded-md cursor-pointer
-                           ${
-                             activePeriod == el.value
-                               ? 'bg-black text-white'
-                               : 'bg-gray-background'
-                           }`}
-                key={el.value}
-                onClick={() => onChangeActivePeriod(el.value)}
-              >
-                {el.icon ? el.icon : ''}
-                <div>{el.title}</div>
-              </li>
-            ))
-          : ''}
-      </ul>
-    </div>
-  );
-}
diff --git a/tsconfig.json b/tsconfig.json
index b194c6be..e313683d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,5 +22,5 @@
     "jest.config.js",
     "jest.setup.js"
   ],
-  "exclude": ["node_modules", "./src/components/global/CustomDatePicker.tsx"]
+  "exclude": ["node_modules"]
 }