fix(button): fixes to Discord and Alt Email buttons (#31)

* fix(email): Fixed Alt Email link

* fix(discord): Added missing components for Discord button generation

src/components/Home/Home.js

@@ -8,6 +8,7 @@ import kitLogo from '../../icons/kit.svg';
 import tiktokLogo from '../../icons/tiktok.svg';
 import twitchLogo from '../../icons/twitch.svg';
 import twitterLogo from '../../icons/twitter.svg';
+import discordLogo from '../../icons/discord.svg';
 import youtubeLogo from '../../icons/youtube.svg';
 import facebookLogo from '../../icons/facebook.svg';
 import messengerLogo from '../../icons/messenger.svg';
@@ -63,6 +64,14 @@ function Home(props) {
                 logo={twitterLogo}
               />
             )}
+            {runtimeConfig.DISCORD && (
+              <Button
+                name="discord"
+                href={runtimeConfig.DISCORD}
+                displayName="Discord"
+                logo={discordLogo}
+              />
+            )}
             {runtimeConfig.INSTAGRAM && (
               <Button
                 name="instagram"
@@ -187,7 +196,7 @@ function Home(props) {
             {runtimeConfig.EMAIL_ALT && (
               <Button
                 name="default"
-                href={`mailto:${runtimeConfig.EMAIL_ALT_TEXT}`}
+                href={`mailto:${runtimeConfig.EMAIL_ALT}`}
                 displayName={runtimeConfig.EMAIL_ALT_TEXT}
                 logo={emailAltLogo}
               />

src/config.js

@@ -82,6 +82,9 @@ export const runtimeConfig =
         TWITTER: nodeIsProduction
           ? process.env.TWITTER
           : process.env.RAZZLE_TWITTER,
+        DISCORD: nodeIsProduction
+          ? process.env.DISCORD
+          : process.env.RAZZLE_DISCORD,
         INSTAGRAM: nodeIsProduction
           ? process.env.INSTAGRAM
           : process.env.RAZZLE_INSTAGRAM,