From b453cc5a109a15b297c3a6a2b98a28d158bda011 Mon Sep 17 00:00:00 2001
From: mehditorabiv <mehditorabiv@gmail.com>
Date: Tue, 17 Dec 2024 12:52:58 +0300
Subject: [PATCH] update switch platform component position

---
 src/components/layouts/SwitchPlatform.tsx |  5 +----
 src/pages/community-health.tsx            |  4 ++--
 src/pages/index.tsx                       |  4 ++--
 src/pages/statistics.tsx                  | 16 +++++++++-------
 4 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/layouts/SwitchPlatform.tsx b/src/components/layouts/SwitchPlatform.tsx
index 719e1ccf..e6a01ce7 100644
--- a/src/components/layouts/SwitchPlatform.tsx
+++ b/src/components/layouts/SwitchPlatform.tsx
@@ -79,10 +79,6 @@ const SwitchPlatform = () => {
   return (
     <Stack direction='row' className='w-full space-x-1.5'>
       <FormControl className='ml-auto flex flex-row items-center space-x-2'>
-        <Typography variant='caption' fontWeight='bold'>
-          Select Platform:
-        </Typography>
-        <TcIconWithTooltip tooltipText='Choose a platform to view community-related metrics for that platform.' />
         <Select
           variant='filled'
           size='small'
@@ -121,6 +117,7 @@ const SwitchPlatform = () => {
         >
           {platformOptions}
         </Select>
+        <TcIconWithTooltip tooltipText='Choose a platform to view community-related metrics for that platform.' />
       </FormControl>
     </Stack>
   );
diff --git a/src/pages/community-health.tsx b/src/pages/community-health.tsx
index c0587998..156c7c12 100644
--- a/src/pages/community-health.tsx
+++ b/src/pages/community-health.tsx
@@ -79,12 +79,12 @@ function CommunityHealth() {
           alignItems={{ xs: 'flex-start', md: 'center' }}
           gap={2}
         >
-          <Stack>
+          <Stack direction='row' alignItems='center' gap={2}>
             <h3 className='whitespace-nowrap text-lg font-medium text-lite-black'>
               Community Health
             </h3>{' '}
+            <SwitchPlatform />
           </Stack>
-          <SwitchPlatform />
         </Stack>
         <Fragmentation scoreData={fragmentationScoreData} />
         <Decentralization scoreData={decentralisationScoreData} />
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 37d4fe2f..d945c6e3 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -47,12 +47,12 @@ function Index(): JSX.Element {
             gap={2}
             pb={2}
           >
-            <Stack>
+            <Stack direction='row' alignItems='center' gap={2}>
               <h3 className='whitespace-nowrap text-lg font-medium text-lite-black'>
                 Community Insights
               </h3>{' '}
+              <SwitchPlatform />
             </Stack>
-            <SwitchPlatform />
           </Stack>
 
           <div className='space-y-4'>
diff --git a/src/pages/statistics.tsx b/src/pages/statistics.tsx
index f098de38..18b37a1d 100644
--- a/src/pages/statistics.tsx
+++ b/src/pages/statistics.tsx
@@ -324,13 +324,15 @@ const Statistics = () => {
           gap={2}
           pb={2}
         >
-          <Link to='/'>
-            <div className='flex items-center whitespace-nowrap text-base text-gray-subtitle hover:text-black'>
-              <AiOutlineLeft />
-              <span className='pl-1'>Community Insights</span>
-            </div>
-          </Link>
-          <SwitchPlatform />
+          <Stack direction='row' alignItems='center' gap={2}>
+            <Link to='/'>
+              <div className='flex items-center whitespace-nowrap text-base text-gray-subtitle hover:text-black'>
+                <AiOutlineLeft />
+                <span className='pl-1'>Community Insights</span>
+              </div>
+            </Link>
+            <SwitchPlatform />
+          </Stack>
         </Stack>
         <CustomTab
           activeTab={activeTab}