feat: add youtube link and move status

closes #445 add youtube link and remove blog link from footer move status link from footer to main nav
BoltzExchange · Feb 12, 2024 · bb13159 · bb13159
1 parent 04fca42
commit bb13159
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 22 deletions.
diff --git a/src/assets/betterstack.svg b/src/assets/betterstack.svg
diff --git a/src/assets/substack.svg b/src/assets/substack.svg
diff --git a/src/assets/youtube.svg b/src/assets/youtube.svg
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -1,17 +1,15 @@
-import betterstack from "../assets/betterstack.svg";
 import discord from "../assets/discord.svg";
 import github from "../assets/github.svg";
 import nostr from "../assets/nostr.svg";
-import substack from "../assets/substack.svg";
 import twitter from "../assets/twitter.svg";
+import youtube from "../assets/youtube.svg";
 import {
-    blogUrl,
     discordUrl,
     githubUrl,
     nostrUrl,
     repoUrl,
-    statusUrl,
     twitterUrl,
+    youtubeUrl,
 } from "../config";
 import { useGlobalContext } from "../context/Global";
 import "../style/footer.scss";
@@ -40,13 +38,6 @@ const Footer = () => {
                     href={githubUrl}>
                     <img src={github} alt="Github Logo" />
                 </a>
-                <a
-                    title="Substack"
-                    class="substack"
-                    target="_blank"
-                    href={blogUrl}>
-                    <img src={substack} alt="Substack Logo" />
-                </a>
                 <a
                     title="Discord"
                     class="discord"
@@ -65,11 +56,11 @@ const Footer = () => {
                     <img src={nostr} alt="Nostr Logo" />
                 </a>
                 <a
-                    title="Boltz API Status"
-                    class="betterstack"
+                    title="Youtube"
+                    class="youtube"
                     target="_blank"
-                    href={statusUrl}>
-                    <img src={betterstack} alt="Better Stack Logo" />
+                    href={youtubeUrl}>
+                    <img src={youtube} alt="Youtube Logo" />
                 </a>
             </div>
             <p>{t("footer")}</p>

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -3,7 +3,7 @@ import { For, Show, createSignal } from "solid-js";
 
 import logo from "../assets/boltz.svg";
 import Warnings from "../components/Warnings";
-import { blogUrl, discordUrl, docsUrl, torUrl } from "../config";
+import { blogUrl, discordUrl, docsUrl, statusUrl, torUrl } from "../config";
 import { useGlobalContext } from "../context/Global";
 import locales from "../i18n/i18n";
 import "../style/nav.scss";
@@ -62,6 +62,11 @@ const Nav = ({ network }) => {
                     <A href="/history" onClick={() => setHamburger(false)}>
                         {t("history")}
                     </A>
+                    <Show when={statusUrl}>
+                        <a class="external" target="_blank" href={statusUrl}>
+                            {t("status")}
+                        </a>
+                    </Show>
                     <Show when={blogUrl}>
                         <a class="external" target="_blank" href={blogUrl}>
                             {t("blog")}

diff --git a/src/configs/templates/defaults.ts b/src/configs/templates/defaults.ts
@@ -12,3 +12,4 @@ export const blogUrl = "https://blog.boltz.exchange";
 export const nostrUrl =
     "https://snort.social/p/npub1psm37hke2pmxzdzraqe3cjmqs28dv77da74pdx8mtn5a0vegtlas9q8970";
 export const statusUrl = "https://status.boltz.exchange";
+export const youtubeUrl = "https://www.youtube.com/@boltzhq";