Merge pull request #596 from threshold-network/update-staking-provide…

…rs-list

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>
   )