From 852e5be857b6002413cdb390ceb4bcb2cb138d3c Mon Sep 17 00:00:00 2001
From: Richard Unterberg <mail@richardunterberg.de>
Date: Sat, 20 Jul 2024 13:10:58 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A5=20reuse=20description=20from=20con?=
 =?UTF-8?q?stants,=20rename=20plural=20Favicons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                           | 1 +
 components/TonePortalContent.tsx    | 6 ++----
 lib/constants.ts                    | 2 ++
 pages/{Favicon.tsx => Favicons.tsx} | 4 ++--
 pages/HeadDefault.tsx               | 9 +++------
 5 files changed, 10 insertions(+), 12 deletions(-)
 rename pages/{Favicon.tsx => Favicons.tsx} (97%)

diff --git a/README.md b/README.md
index 932f588..b9ca6a4 100644
--- a/README.md
+++ b/README.md
@@ -334,5 +334,6 @@ Additionally, we must clear all events on the transport and re-register them if
 - Create an effect bus and display it on one of these pages
 - Create event bus, where events are automatically re-scheduled after transport time has changed
 - Add UI to clear metronome events
+- explain framwork-meta-header -> `HeadDefault.tsx`
 
 
diff --git a/components/TonePortalContent.tsx b/components/TonePortalContent.tsx
index 8c3549a..210187e 100644
--- a/components/TonePortalContent.tsx
+++ b/components/TonePortalContent.tsx
@@ -1,15 +1,13 @@
 import Button from '#components/common/Button'
 import H2Headline from '#components/common/H2Headline'
+import { APP_CONFIG } from '#lib/constants'
 
 const TonePortalContent = ({ handleClick }: { handleClick: () => void }) => (
   <div className="flex justify-center">
     <div className="mt-16 p-3">
       <div className="text-5xl text-center mb-6">🚂🚃</div>
       <H2Headline className="text-4xl text-center font-black mb-6">STATETRAIN</H2Headline>
-      <p className="text-xl md:w-3/4 mx-auto mb-5 text-center">
-        Gain control of the tone.js transport with a modern routable typescript-react environment.
-        🚂🚃
-      </p>
+      <p className="text-xl md:w-3/4 mx-auto mb-5 text-center">{APP_CONFIG.description}</p>
       <Button className="bg-successDark text-white w-full justify-center" onClick={handleClick}>
         Initialize Tone.js *
       </Button>
diff --git a/lib/constants.ts b/lib/constants.ts
index af8d5dc..1681cd9 100644
--- a/lib/constants.ts
+++ b/lib/constants.ts
@@ -5,6 +5,8 @@ export const APP_CONFIG = {
   viteUrl: `${
     import.meta.env.PROD ? 'https://richard-unterberg.github.io' : 'http://localhost:5247'
   }${import.meta.env.BASE_URL.slice(0, -1)}`,
+  description:
+    'Gain control of the tone.js transport in a modern routable typescript-react environment. 🚂🚃',
 }
 
 export const TRANSPORT_CONFIG: TransportConfigType = {
diff --git a/pages/Favicon.tsx b/pages/Favicons.tsx
similarity index 97%
rename from pages/Favicon.tsx
rename to pages/Favicons.tsx
index 96f0905..79207b1 100644
--- a/pages/Favicon.tsx
+++ b/pages/Favicons.tsx
@@ -1,6 +1,6 @@
 import { APP_CONFIG } from '#lib/constants'
 
-const Favicon = () => (
+const Favicons = () => (
   <>
     <meta
       name="msapplication-TileImage"
@@ -79,4 +79,4 @@ const Favicon = () => (
   </>
 )
 
-export default Favicon
+export default Favicons
diff --git a/pages/HeadDefault.tsx b/pages/HeadDefault.tsx
index 79e5dd2..94ef0bc 100644
--- a/pages/HeadDefault.tsx
+++ b/pages/HeadDefault.tsx
@@ -1,18 +1,15 @@
 import { APP_CONFIG } from '#lib/constants'
-import Favicon from '#pages/Favicon'
+import Favicons from '#pages/Favicons'
 
 const Head = () => (
   <>
-    <Favicon />
+    <Favicons />
     <meta name="msapplication-TileColor" content="#020617" />
     <meta name="theme-color" content="#020617" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="robots" content="index, follow" />
     <link rel="manifest" href={`${APP_CONFIG.viteUrl}/site.webmanifest`} />
-    <meta
-      name="description"
-      content="Gain control of the tone.js transport with a modern routable typescript-react environment. 🚂🚃"
-    />
+    <meta name="description" content={APP_CONFIG.description} />
   </>
 )