Link updates (#173)

* Add links to Faucet in Nav and Login pane
* Adjust text a little to account for the changes to the login
* Fix link on README to create-svelte repo

Closes #167 
Closes #166

README.md

@@ -2,7 +2,7 @@
 
 Dashboard for create and managing a provider account on Frequency.
 
-Powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+Powered by [`create-svelte`]( https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
 
 [![Deploy to GitHub Pages](https://github.com/frequency-chain/provider-dashboard/actions/workflows/deploy.yml/badge.svg)](https://github.com/frequency-chain/provider-dashboard/actions/workflows/deploy.yml)
 

src/components/HowToTransact.svelte

@@ -4,34 +4,28 @@
 
 <div class={`column ${additionalStyles}`}>
   <p>
-    To transact on Frequency as a provider you will need Frequency utility tokens. On Frequency Testnet, you can get
-    tokens from the Testnet Faucet.
+    To transact on Frequency as a Provider you will need Frequency utility tokens. On Frequency Testnet, you can get
+    tokens from the Testnet Faucet sent to the Account Id that you want to use.
   </p>
-  <p>To do that:</p>
+
+  <a href="https://faucet.testnet.frequency.xyz" target="_blank" class="btn-primary">Testnet Faucet</a>
+
   <ol class="ordered-list">
     <li>
-      Get XRQCY tokens for the <a
-        href="https://faucet.testnet.frequency.xyz/"
-        target="_blank"
-        rel="noopener noreferrer"
-        class="underline">Frequency Testnet (Paseo)</a
-      > and follow the instructions using your desired wallet address to get XRQCY tokens.
-    </li>
-    <li>
-      Once that succeeds, verify the tokens have made it to your wallet by selecting or re-selecting the address above.
-      You may need to wait a minute.
+      When you are done requesting funds from the faucet, verify the tokens have been applied by selecting or
+      re-selecting the Account Id you chose above. You may need to wait a minute.
     </li>
     <li>
-      For more information, you can also visit the
+      For more information, visit the
       <a
-        href="https://cloudflare-ipfs.com/ipns/dotapps.io/#/accounts"
+        href="https://polkadot-dotapps-io.ipns.dweb.link/#/accounts"
         target="_blank"
         rel="noopener noreferrer"
         class="underline"
       >
-        Accounts page for the correct network via the Polkadot UI.
+        Polkadot Apps Accounts page
       </a>
-      .
+      and select the desired Frequency network from the Polkadot UI.
     </li>
   </ol>
 </div>

src/components/Nav.svelte

@@ -21,6 +21,7 @@
     {/if}
     <NavItem href="/faq" isActive={url === '/faq'} onClick={() => (url = '/faq')}>FAQ's</NavItem>
     {#if $isLoggedIn === true}
+      <NavItem href="https://faucet.testnet.frequency.xyz/" target="_blank">Testnet Faucet</NavItem>/
       <NavItem id="logout-button" href="/" onClick={handleLogout}>Logout</NavItem>
     {:else}
       <NavItem />

src/components/NavItem.svelte

@@ -3,6 +3,7 @@
   export let isActive: boolean = false;
   export let onClick: () => void = () => {};
   export let id: string = '';
+  export let target: string = '';
 </script>
 
 <a
@@ -12,6 +13,7 @@
   class={` flex h-[100px] items-center justify-center text-sm font-bold ${
     isActive && 'bg-bg-black-active shadow-blue-border'
   }`}
+  {target}
 >
   <slot />
 </a>

src/components/ProviderLogin.svelte

@@ -19,6 +19,7 @@
     </div>
     <Button id="request-2b-provider-btn" title="Become a Provider" action={pageContent.becomeProvider} />
   </BlockSection>
-
-  <HowToTransact additionalStyles="mt-12 text-xs gap-1" />
+  <BlockSection title="Need tokens?">
+    <HowToTransact additionalStyles="text-sm" />
+  </BlockSection>
 </div>