update switch platform component position

TogetherCrew · Dec 17, 2024 · b453cc5 · b453cc5
1 parent 2d46a6d
commit b453cc5
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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}