diff --git a/packages/components/src/elements/DiscordLink.tsx b/packages/components/src/elements/DiscordLink.tsx
index 2c7911cc12..64a7afb43f 100644
--- a/packages/components/src/elements/DiscordLink.tsx
+++ b/packages/components/src/elements/DiscordLink.tsx
@@ -3,6 +3,7 @@ import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import { IconProp } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { ThirdPartyLinks } from "../constants/ThirdPartyLinks";
+import { GetWebsite, Website } from "../env/GetWebsite";
interface Props {
text?: string;
@@ -10,6 +11,12 @@ interface Props {
}
function DiscordLink(props: Props) {
+ const website = GetWebsite();
+ const discordLink =
+ website.website === Website.FakeYou ?
+ ThirdPartyLinks.FAKEYOU_DISCORD :
+ ThirdPartyLinks.STORYTELLER_DISCORD;
+
const linkText = props.text === undefined ? "Discord" : props.text;
const iconAfterText = props.iconAfterText ? true : false;
const linkBody = iconAfterText ? (
@@ -25,7 +32,7 @@ function DiscordLink(props: Props) {
);
return (
diff --git a/packages/components/src/elements/DiscordLink2.tsx b/packages/components/src/elements/DiscordLink2.tsx
index a825c0483e..719509cea0 100644
--- a/packages/components/src/elements/DiscordLink2.tsx
+++ b/packages/components/src/elements/DiscordLink2.tsx
@@ -3,6 +3,7 @@ import { faDiscord } from "@fortawesome/free-brands-svg-icons";
import { IconProp } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { ThirdPartyLinks } from "../constants/ThirdPartyLinks";
+import { GetWebsite, Website } from "../env/GetWebsite";
interface Props {
hideIcon?: boolean;
@@ -18,7 +19,18 @@ function DiscordLink2(props: Props) {
const showIcon = !(props.hideIcon ? true : false);
const iconBeforeText = props.iconBeforeText ? true : false;
- const linkTitle = props.title ? props.title : "FakeYou Discord";
+ const website = GetWebsite();
+ const discordLink =
+ website.website === Website.FakeYou ?
+ ThirdPartyLinks.FAKEYOU_DISCORD :
+ ThirdPartyLinks.STORYTELLER_DISCORD;
+
+ const defaultTitle =
+ website.website === Website.FakeYou ?
+ "FakeYou Discord" :
+ "Storyteller Discord" ;
+
+ const linkTitle = props.title ? props.title : defaultTitle;
if (showIcon) {
linkBody = iconBeforeText ? (
@@ -36,7 +48,7 @@ function DiscordLink2(props: Props) {
return (
diff --git a/packages/components/src/env/GetDiscordLink.ts b/packages/components/src/env/GetDiscordLink.ts
new file mode 100644
index 0000000000..ce5073b7cd
--- /dev/null
+++ b/packages/components/src/env/GetDiscordLink.ts
@@ -0,0 +1,11 @@
+import { ThirdPartyLinks } from "../constants/ThirdPartyLinks";
+import { GetWebsite, Website } from "./GetWebsite";
+
+const DISCORD_LINK : string =
+ GetWebsite().website === Website.FakeYou ?
+ ThirdPartyLinks.FAKEYOU_DISCORD :
+ ThirdPartyLinks.STORYTELLER_DISCORD;
+
+export function GetDiscordLink() : string {
+ return DISCORD_LINK;
+}
diff --git a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx
index 64201f0bc4..ecd33c04d0 100644
--- a/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx
+++ b/packages/fakeyou.com/src/components/layout/SideNav/SideNav.tsx
@@ -25,6 +25,7 @@ import {
faFilm,
} from "@fortawesome/pro-solid-svg-icons";
import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper";
+import { GetDiscordLink } from "@storyteller/components/src/env/GetDiscordLink";
import { FakeYouFrontendEnvironment } from "@storyteller/components/src/env/FakeYouFrontendEnvironment";
import { useInferenceJobs, useLocalize } from "hooks";
import { Logout } from "@storyteller/components/src/api/session/Logout";
@@ -479,7 +480,7 @@ export default function SideNav({