Fix Testnet Faucet links

oasisprotocol · Dec 5, 2023 · 8f175c5 · 8f175c5
1 parent 2b7d279
commit 8f175c5
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/.changelog/1065.bugfix.md b/.changelog/1065.bugfix.md
@@ -0,0 +1 @@
+Fix Testnet Faucet links
diff --git a/src/app/pages/ParatimeDashboardPage/ParaTimeSnapshot.tsx b/src/app/pages/ParatimeDashboardPage/ParaTimeSnapshot.tsx
@@ -71,7 +71,7 @@ export const ParaTimeSnapshot: FC<{ scope: SearchScope }> = ({ scope }) => {
         </StyledGrid>
         <StyledGrid item xs={22} md={5}>
           {scope.network === Network.mainnet && <RosePriceCard />}
-          {scope.network === Network.testnet && <TestnetFaucet />}
+          {scope.network === Network.testnet && <TestnetFaucet layer={scope.layer} />}
         </StyledGrid>
       </Grid>
     </>

diff --git a/src/app/pages/ParatimeDashboardPage/TestnetFaucet.tsx b/src/app/pages/ParatimeDashboardPage/TestnetFaucet.tsx
@@ -6,7 +6,8 @@ import { styled } from '@mui/material/styles'
 import Typography from '@mui/material/Typography'
 import { SnapshotCard } from '../../components/Snapshots/SnapshotCard'
 import { COLORS } from '../../../styles/theme/colors'
-import { testnet } from '../../utils/externalLinks'
+import { faucet } from '../../utils/externalLinks'
+import { Layer } from '../../../oasis-nexus/api'
 
 const StyledBox = styled(Box)(({ theme }) => ({
   gap: theme.spacing(5),
@@ -17,7 +18,11 @@ const StyledBox = styled(Box)(({ theme }) => ({
   justifyContent: 'space-between',
 }))
 
-export const TestnetFaucet: FC = () => {
+type TestnetFaucetProps = {
+  layer: Layer
+}
+
+export const TestnetFaucet: FC<TestnetFaucetProps> = ({ layer }) => {
   const { t } = useTranslation()
 
   return (
@@ -32,7 +37,7 @@ export const TestnetFaucet: FC = () => {
           {t('testnetFaucet.description')}
         </Typography>
         <Button
-          href={testnet.faucet}
+          href={faucet[layer]}
           target="_blank"
           rel="noopener noreferrer"
           color="secondary"

diff --git a/src/app/utils/externalLinks.ts b/src/app/utils/externalLinks.ts
@@ -1,3 +1,5 @@
+import { Layer } from '../../oasis-nexus/api'
+
 export const socialMedia = {
   telegram: 'https://t.me/oasisprotocolcommunity',
   twitter: 'https://twitter.com/oasisprotocol',
@@ -34,8 +36,13 @@ export const github = {
   releaseTag: `${githubLink}releases/tag/`,
 }
 
-export const testnet = {
-  faucet: 'https://faucet.testnet.oasis.dev',
+const faucetUrl = 'https://faucet.testnet.oasis.dev/'
+const faucetParaTimeBaseUrl = `${faucetUrl}?paratime=`
+export const faucet = {
+  [Layer.consensus]: faucetUrl,
+  [Layer.emerald]: `${faucetParaTimeBaseUrl}${Layer.emerald}`,
+  [Layer.sapphire]: `${faucetParaTimeBaseUrl}${Layer.sapphire}`,
+  [Layer.cipher]: `${faucetParaTimeBaseUrl}${Layer.cipher}`,
 }
 
 export const api = {