Temporary remove usage of uptime component

oasisprotocol · Dec 18, 2024 · c561385 · c561385
1 parent 62d8d79
commit c561385
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 29 deletions.
diff --git a/.changelog/1639.trivial.md b/.changelog/1639.trivial.md
@@ -0,0 +1 @@
+Temporary remove usage of uptime component
diff --git a/src/app/components/Validators/index.tsx b/src/app/components/Validators/index.tsx
@@ -13,7 +13,6 @@ import { ValidatorLink } from './ValidatorLink'
 import { useRequiredScopeParam } from '../../hooks/useScopeParam'
 import { BalancesDiff } from '../BalancesDiff'
 import { PercentageValue } from '../PercentageValue'
-import { UptimeStatus } from '../UptimeStatus'
 
 type ValidatorsProps = {
   validators?: Validator[]
@@ -37,7 +36,6 @@ export const Validators: FC<ValidatorsProps> = ({ isLoading, limit, pagination,
     { align: TableCellAlign.Right, key: 'delegators', content: t('validator.delegators') },
     { align: TableCellAlign.Right, key: 'commission', content: t('validator.commission') },
     { key: 'status', content: t('common.status') },
-    { key: 'uptime', content: t('validator.uptime') },
   ]
   const tableRows = validators?.map((validator, index) => ({
     key: validator.entity_address,
@@ -127,12 +125,6 @@ export const Validators: FC<ValidatorsProps> = ({ isLoading, limit, pagination,
         ),
         key: 'status',
       },
-      {
-        // TODO: provide uptime when it is implemented in the API
-        align: TableCellAlign.Right,
-        content: <UptimeStatus small percentage={94} status={[100, 100, 100, 50]} />,
-        key: 'uptime',
-      },
     ],
   }))
 

diff --git a/src/app/pages/ValidatorDetailsPage/UptimeCard.tsx b/src/app/pages/ValidatorDetailsPage/UptimeCard.tsx
@@ -1,24 +1,9 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
-import Typography from '@mui/material/Typography'
-import { COLORS } from '../../../styles/theme/colors'
 import { SnapshotTextCard } from '../../components/Snapshots/SnapshotCard'
-import { UptimeStatus } from '../../components/UptimeStatus'
 
 export const UptimeCard: FC = () => {
   const { t } = useTranslation()
 
-  return (
-    <SnapshotTextCard
-      title={t('validator.uptime')}
-      label={
-        <Typography sx={{ fontSize: 12, color: COLORS.grayMedium }}>
-          {t('validator.signedBlocksPercentage')}
-        </Typography>
-      }
-    >
-      {/* TODO: provide data when API is ready  */}
-      <UptimeStatus percentage={94} status={[100, 100, 100, 50]} />
-    </SnapshotTextCard>
-  )
+  return <SnapshotTextCard title={t('validator.uptime')}>{t('common.missing')}</SnapshotTextCard>
 }
diff --git a/src/app/pages/ValidatorDetailsPage/index.tsx b/src/app/pages/ValidatorDetailsPage/index.tsx
@@ -30,7 +30,6 @@ import { debondingContainerId, delegatorsContainerId } from './tabAnchors'
 import { ValidatorStatusBadge } from './ValidatorStatusBadge'
 import { eventsContainerId } from './../../pages/ConsensusAccountDetailsPage/ConsensusAccountEventsCard'
 import { PercentageValue } from '../../components/PercentageValue'
-import { UptimeStatus } from '../../components/UptimeStatus'
 import { BalancesDiff } from '../../components/BalancesDiff'
 import { RoundedBalance } from '../../components/RoundedBalance'
 
@@ -230,10 +229,6 @@ export const ValidatorDetailsView: FC<{
           <dd>
             <StatusIcon success={validator.active} error={undefined} />
           </dd>
-          <dt>{t('validator.uptime')}</dt>
-          <dd>
-            <UptimeStatus small percentage={94} status={[100, 100, 100, 50]} />
-          </dd>
         </>
       )}
     </StyledDescriptionList>