Hidden consumer delegation availability (#1039)

Author: martinaCampoli

src/pages/DelegationsPage/DelegationsAvailabilityTab/DelegationAvailabilityDrawer.tsx

@@ -52,7 +52,10 @@ export const DelegationAvailabilityDrawer: React.FC<DelegationAvailabilityDrawer
     >
       <Stack spacing={4}>
         <Box>
-          <SectionContainer innerSection>
+          <SectionContainer
+            innerSection
+            sx={{ display: 'none', visibility: 'hidden' }} // TEMP needed to hide consumer delegation availability
+          >
             <Stack spacing={2}>
               <Typography sx={{ fontWeight: 700 }}>{t('consumeDelegation.label')}</Typography>
               <Typography>{t('consumeDelegation.infoLabel')}</Typography>

src/pages/DelegationsPage/DelegationsAvailabilityTab/DelegationAvailabilityTab.tsx

@@ -57,11 +57,12 @@ export const DelegationsAvailabilityTab: React.FC = () => {
                   label={t('consumeDelegation.label')}
                   labelDescription={t('consumeDelegation.infoLabel')}
                   content={t(`consumeDelegation.value.${isAvailableConsumerDelegations}`)}
+                  sx={{ display: 'none', visibility: 'hidden' }} //TEMP needed to hide consumer delegation availability
                 />
                 <InformationContainer
                   label={t('produceDelegation.label')}
                   labelDescription={t('produceDelegation.infoLabel')}
-                  content={t(`consumeDelegation.value.${isAvailableProducerDelegations}`)}
+                  content={t(`produceDelegation.value.${isAvailableProducerDelegations}`)}
                 />
               </Stack>
             </SectionContainer>