Update staking providers list

src/components/StakingProvidersList/index.tsx

@@ -3,13 +3,10 @@ import { List, ListProps } from "@threshold-network/components"
 import { ExternalHref } from "../../enums"
 import DetailedLinkListItem from "../DetailedLinkListItem"
 import StakedLogo from "../../static/images/stakingProviders/StakedLogo.png"
-import BisonTrailsLogo from "../../static/images/stakingProviders/BisonTrailsLogo.png"
 import BoarLogo from "../../static/images/stakingProviders/BoarLogo.png"
-import FigmentLogo from "../../static/images/stakingProviders/FigmentLogo.png"
-import LowFeeValidationLogo from "../../static/images/stakingProviders/LowFeeValidationLogo.png"
-import AnkrLogo from "../../static/images/stakingProviders/AnkrLogo.png"
 import P2PValidatorLogo from "../../static/images/stakingProviders/P2PValidatorLogo.png"
 import InfStonesLogo from "../../static/images/stakingProviders/InfStonesLogo.png"
+import DelightLogo from "../../static/images/stakingProviders/DelightLogo.svg"
 
 type ProviderItem = {
  name: string
@@ -36,64 +33,35 @@ const providers: ProviderItem[] = [
  imgSrc: BoarLogo,
  },
  {
- name: "P2P Validator",
- email: "hello@p2p.org",
+ name: "DELIGHT",
+ email: "contact@delightlabs.io",
+ link: ExternalHref.delight,
+ imgSrc: DelightLogo,
+ },
+ {
+ name: "InfStones",
+ email: "sales@infstones.com",
+ link: ExternalHref.infStones,
+ imgSrc: InfStonesLogo,
+ },
+ {
+ name: "P2P",
+ email: "am@p2p.org",
  link: ExternalHref.p2pValidator,
  imgSrc: P2PValidatorLogo,
  },
  {
  name: "Staked",
- email: "togilvie@staked.us",
+ email: "staked@staked.us",
  link: ExternalHref.stakedUs,
  imgSrc: StakedLogo,
  },
- {
- name: "BisonTrails",
- email: "viktor@bisontrails.co",
- link: ExternalHref.bisonTrails,
- imgSrc: BisonTrailsLogo,
- },
- {
- name: "Figment",
- email: "yannick@figment.io",
- link: ExternalHref.figment,
- imgSrc: FigmentLogo,
- },
- {
- name: "Low Fee Validation",
- email: "eduardo@lowfeevalidation.com",
- link: ExternalHref.lowFeeValidation,
- imgSrc: LowFeeValidationLogo,
- },
-]
-
-const preOnlyProviders = [
- {
- name: "Ankr",
- email: "sales@ankr.com",
- link: ExternalHref.ankr,
- imgSrc: AnkrLogo,
- },
- {
- name: "InfStones",
- email: "contact@infstones.com",
- link: ExternalHref.infStones,
- imgSrc: InfStonesLogo,
- },
 ]
 
 export const AllAppsProvidersList: FC<ListProps> = (props) => {
  return (
- <List mt="6" spacing="4" {...props}>
+ <List spacing="4" {...props}>
  {providers.map(renderProviderListItem)}
  </List>
  )
 }
-
-export const PreOnlyProvidersList: FC<ListProps> = (props) => {
- return (
- <List mt="6" spacing="4" {...props}>
- {preOnlyProviders.map(renderProviderListItem)}
- </List>
- )
-}

src/enums/externalHref.ts

@@ -33,4 +33,5 @@ export enum ExternalHref {
  btcConfirmations = "https://en.bitcoin.it/wiki/Confirmation",
  mintersAndGuardiansDocs = "https://blog.threshold.network/minters-guardians-and-a-strong-tbtc/",
  tBTCDuneDashboard = "https://dune.com/threshold/tbtc",
+ delight = "https://delightlabs.io",
 }

src/pages/Staking/HowItWorks/StakingOverview/index.tsx

@@ -8,7 +8,6 @@ import { useTStakingContract } from "../../../../web3/hooks"
 import { AuthorizingApplicationsCard } from "./AuthorizingApplicationsCard"
 import { PageComponent } from "../../../../types"
 import { featureFlags } from "../../../../constants"
-import { ProvidersCardNonMAS } from "./ProvidersCardNonMAS"
 
 const gridTemplate = featureFlags.MULTI_APP_STAKING
  ? {
@@ -71,9 +70,6 @@ const StakingOverview: PageComponent = () => {
  )}
  <StakingActionsCard gridArea="staking-actions" />
  <AboutAddressesCard gridArea="addresses" alignSelf="flex-start" />
- {!featureFlags.MULTI_APP_STAKING && (
- <ProvidersCardNonMAS gridArea="providers-card-non-mas" />
- )}
  </Grid>
  )
 }

src/pages/Staking/HowItWorks/StakingProviders/index.tsx

@@ -8,10 +8,7 @@ import {
 } from "@threshold-network/components"
 import { PageComponent } from "../../../../types"
 import { featureFlags } from "../../../../constants"
-import {
- AllAppsProvidersList,
- PreOnlyProvidersList,
-} from "../../../../components/StakingProvidersList"
+import { AllAppsProvidersList } from "../../../../components/StakingProvidersList"
 
 const StakingProviders: PageComponent = () => {
  return (
@@ -32,19 +29,12 @@ const StakingProviders: PageComponent = () => {
  "providers"
  "pre-providers"
  `,
- xl: `"providers pre-providers"`,
  }}
  gridGap="4"
  >
  <Card gridArea="providers" h="fit-content">
- <BoxLabel status="secondary">All Applications</BoxLabel>
  <AllAppsProvidersList />
  </Card>
-
- <Card gridArea="pre-providers" h="fit-content">
- <BoxLabel status="secondary">Pre only</BoxLabel>
- <PreOnlyProvidersList />
- </Card>
  </Grid>
  </Card>
  )