From 5691ecba5cc899dd0f88cd6702c23b9f4dca2d3d Mon Sep 17 00:00:00 2001
From: Javier Bullrich <javier@bullrich.dev>
Date: Mon, 24 Jun 2024 09:38:28 +0200
Subject: [PATCH] Set paseo as default network (#426)

Resolves #424

I also added a new header text as requested by @lovelaced
---
 client/src/lib/components/Card.svelte            | 4 +++-
 client/src/lib/components/Faucet.svelte          | 3 ++-
 client/src/lib/utils/networkData.ts              | 4 ++--
 client/src/routes/+page.svelte                   | 8 +++++---
 client/src/routes/{paseo => rococo}/+page.svelte | 4 ++--
 client/tests/paseo.test.ts                       | 2 +-
 client/tests/rococo.test.ts                      | 2 +-
 client/tests/switch.test.ts                      | 3 ++-
 8 files changed, 18 insertions(+), 12 deletions(-)
 rename client/src/routes/{paseo => rococo}/+page.svelte (73%)

diff --git a/client/src/lib/components/Card.svelte b/client/src/lib/components/Card.svelte
index 8e80321d..ed360ab1 100644
--- a/client/src/lib/components/Card.svelte
+++ b/client/src/lib/components/Card.svelte
@@ -1,13 +1,15 @@
 <script lang="ts">
   import { PUBLIC_DEMO_MODE } from "$env/static/public";
   import { testnet } from "$lib/utils/stores";
+
+  export let title: string;
 </script>
 
 <div class="card md:w-2/4 w-5/6 min-w-full shadow-xl faucet-card">
   <div class="card-body items-center text-center">
     <h1 class="card-title">{$testnet.networkName} Faucet</h1>
     <h3 class="card-subtitle">
-      Get {$testnet.currency} tokens for Polkadot's {$testnet.networkName} testnet and its parachains.
+      {title}
     </h3>
     <div class="mt-2 md:mt-8 w-full">
       <slot />
diff --git a/client/src/lib/components/Faucet.svelte b/client/src/lib/components/Faucet.svelte
index 49ffca45..453244e5 100644
--- a/client/src/lib/components/Faucet.svelte
+++ b/client/src/lib/components/Faucet.svelte
@@ -14,6 +14,7 @@
 
   export let faq: string;
   export let network: NetworkData;
+  export let title: string = `Get ${network.currency} tokens for Polkadot's ${network.networkName} testnet and its parachains.`;
 
   let parachain: number;
   onMount(() => {
@@ -29,7 +30,7 @@
   <SocialTags />
   <MarkUp {faq} />
   <div class="flex items-center justify-center mt-16 mb-4 md:my-16">
-    <Card>
+    <Card {title}>
       {#if !$operation}
         <Form network={parachain ?? -1} networkData={network} />
       {:else}
diff --git a/client/src/lib/utils/networkData.ts b/client/src/lib/utils/networkData.ts
index bf0824ac..59cc87cb 100644
--- a/client/src/lib/utils/networkData.ts
+++ b/client/src/lib/utils/networkData.ts
@@ -60,8 +60,8 @@ export const Paseo: NetworkData = {
 };
 
 export const Networks: { network: NetworkData; url: string }[] = [
-  { network: Rococo, url: (base as string) || "/" },
-  { network: Paseo, url: `${base as string}/paseo` },
+  { network: Paseo, url: (base as string) || "/" },
+  { network: Rococo, url: `${base as string}/rococo` },
   { network: Westend, url: `${base as string}/westend` },
 ];
 
diff --git a/client/src/routes/+page.svelte b/client/src/routes/+page.svelte
index f56a51f4..aa80044b 100644
--- a/client/src/routes/+page.svelte
+++ b/client/src/routes/+page.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
   import faqMd from "$lib/assets/FAQ.md?raw";
   import Faucet from "$lib/components/Faucet.svelte";
-  import { type NetworkData, Rococo } from "$lib/utils/networkData";
+  import { type NetworkData, Paseo } from "$lib/utils/networkData";
 
-  let network: NetworkData = Rococo;
+  let network: NetworkData = Paseo;
   let faq: string = faqMd
     .replaceAll("<NETWORK-TOKEN>", network.currency)
     .replaceAll("<NETWORK-NAME>", network.networkName);
+
+  const title = `Get ${network.currency} tokens for Polkadot's ${network.networkName} testnet and its parachains. Paseo is Polkadot's primary testnet for users and builders.`;
 </script>
 
-<Faucet {network} {faq} />
+<Faucet {network} {faq} {title} />
diff --git a/client/src/routes/paseo/+page.svelte b/client/src/routes/rococo/+page.svelte
similarity index 73%
rename from client/src/routes/paseo/+page.svelte
rename to client/src/routes/rococo/+page.svelte
index 467601af..f56a51f4 100644
--- a/client/src/routes/paseo/+page.svelte
+++ b/client/src/routes/rococo/+page.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import faqMd from "$lib/assets/FAQ.md?raw";
   import Faucet from "$lib/components/Faucet.svelte";
-  import { type NetworkData, Paseo } from "$lib/utils/networkData";
+  import { type NetworkData, Rococo } from "$lib/utils/networkData";
 
-  let network: NetworkData = Paseo;
+  let network: NetworkData = Rococo;
   let faq: string = faqMd
     .replaceAll("<NETWORK-TOKEN>", network.currency)
     .replaceAll("<NETWORK-NAME>", network.networkName);
diff --git a/client/tests/paseo.test.ts b/client/tests/paseo.test.ts
index 278d5465..568e81a4 100644
--- a/client/tests/paseo.test.ts
+++ b/client/tests/paseo.test.ts
@@ -2,5 +2,5 @@ import { FaucetTests } from "./faucet.js";
 
 const chains = [{ name: "Paseo Relay", id: -1 }];
 
-const tests = new FaucetTests({ faucetName: "Paseo Faucet", chains, url: "/paseo", expectTransactionLink: false });
+const tests = new FaucetTests({ faucetName: "Paseo Faucet", chains, url: "/", expectTransactionLink: false });
 tests.runTests();
diff --git a/client/tests/rococo.test.ts b/client/tests/rococo.test.ts
index 91a57976..8b03ace2 100644
--- a/client/tests/rococo.test.ts
+++ b/client/tests/rococo.test.ts
@@ -9,5 +9,5 @@ const chains = [
   { name: "Bridgehub", id: 1013 },
 ];
 
-const tests = new FaucetTests({ faucetName: "Rococo Faucet", chains, url: "/", expectTransactionLink: true });
+const tests = new FaucetTests({ faucetName: "Rococo Faucet", chains, url: "/rococo", expectTransactionLink: true });
 tests.runTests();
diff --git a/client/tests/switch.test.ts b/client/tests/switch.test.ts
index c6d55602..dff1e594 100644
--- a/client/tests/switch.test.ts
+++ b/client/tests/switch.test.ts
@@ -3,7 +3,8 @@ import { expect, test } from "@playwright/test";
 type Network = { name: string; url: string };
 
 export const networks: Network[] = [
-  { name: "Rococo", url: "/" },
+  { name: "Paseo", url: "/" },
+  { name: "Rococo", url: "/rococo" },
   { name: "Westend", url: "/westend" },
 ];