From 8f175c5adadb5116239c92dd45b1864747bf68f2 Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Tue, 5 Dec 2023 08:46:44 +0100
Subject: [PATCH] Fix Testnet Faucet links

---
 .changelog/1065.bugfix.md                             |  1 +
 .../pages/ParatimeDashboardPage/ParaTimeSnapshot.tsx  |  2 +-
 src/app/pages/ParatimeDashboardPage/TestnetFaucet.tsx | 11 ++++++++---
 src/app/utils/externalLinks.ts                        | 11 +++++++++--
 4 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 .changelog/1065.bugfix.md

diff --git a/.changelog/1065.bugfix.md b/.changelog/1065.bugfix.md
new file mode 100644
index 000000000..b43df989a
--- /dev/null
+++ 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
index d1bf2ffac..6f4cb614e 100644
--- 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
index cd704bbc6..fd0e5048c 100644
--- 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
index 078ddaffc..664157740 100644
--- 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 = {