diff --git a/packages/components/src/constants/ThirdPartyLinks.ts b/packages/components/src/constants/ThirdPartyLinks.ts new file mode 100644 index 0000000000..e25de2e5be --- /dev/null +++ b/packages/components/src/constants/ThirdPartyLinks.ts @@ -0,0 +1,15 @@ +/** + * Define links to third party sources here so we can update them in one place. + */ +class ThirdPartyLinks { + // This should only need to change if our Nitro expires. + // Old FakeYou Discord invite link: https://discord.gg/H72KFXm + public static readonly FAKEYOU_DISCORD = "https://discord.gg/fakeyou"; + + // A link to Twitter that will open a "Follow" prompt + public static readonly FAKEYOU_TWITTER_WITH_FOLLOW_INTENT = "https://twitter.com/intent/follow?screen_name=FakeYouApp"; + + public static readonly FAKEYOU_PATREON = "https://www.patreon.com/fakeyou"; +} + +export { ThirdPartyLinks } \ No newline at end of file diff --git a/packages/components/src/elements/DiscordLink.tsx b/packages/components/src/elements/DiscordLink.tsx index f8eaed3fbb..2c7911cc12 100644 --- a/packages/components/src/elements/DiscordLink.tsx +++ b/packages/components/src/elements/DiscordLink.tsx @@ -2,6 +2,7 @@ import React from "react"; 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"; interface Props { text?: string; @@ -24,7 +25,7 @@ function DiscordLink(props: Props) { ); return ( diff --git a/packages/components/src/elements/DiscordLink2.tsx b/packages/components/src/elements/DiscordLink2.tsx index a158611416..a825c0483e 100644 --- a/packages/components/src/elements/DiscordLink2.tsx +++ b/packages/components/src/elements/DiscordLink2.tsx @@ -2,6 +2,7 @@ import React from "react"; 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"; interface Props { hideIcon?: boolean; @@ -35,7 +36,7 @@ function DiscordLink2(props: Props) { return ( diff --git a/packages/components/src/elements/PatreonLink.tsx b/packages/components/src/elements/PatreonLink.tsx index a037bdb9b7..4556c03f8a 100644 --- a/packages/components/src/elements/PatreonLink.tsx +++ b/packages/components/src/elements/PatreonLink.tsx @@ -2,6 +2,7 @@ import React from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { IconProp } from "@fortawesome/fontawesome-svg-core"; import { faPatreon } from "@fortawesome/free-brands-svg-icons"; +import { ThirdPartyLinks } from "../constants/ThirdPartyLinks"; interface Props { text?: string; @@ -24,7 +25,7 @@ function PatreonLink(props: Props) { ); return ( diff --git a/packages/components/src/elements/TwitterLink.tsx b/packages/components/src/elements/TwitterLink.tsx index e76de793f7..2e90b857f2 100644 --- a/packages/components/src/elements/TwitterLink.tsx +++ b/packages/components/src/elements/TwitterLink.tsx @@ -2,6 +2,7 @@ import React from "react"; import { faTwitter } from "@fortawesome/free-brands-svg-icons"; import { IconProp } from "@fortawesome/fontawesome-svg-core"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { ThirdPartyLinks } from "../constants/ThirdPartyLinks"; interface Props { hideIcon?: boolean; @@ -35,7 +36,7 @@ function TwitterLink(props: Props) { return ( diff --git a/packages/dashboard.power.stream/src/layout/TopNav.tsx b/packages/dashboard.power.stream/src/layout/TopNav.tsx index 7cb5304f19..0e7fd99c11 100644 --- a/packages/dashboard.power.stream/src/layout/TopNav.tsx +++ b/packages/dashboard.power.stream/src/layout/TopNav.tsx @@ -29,7 +29,9 @@ function TopNav(props: Props) { data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2" aria-controls="offcanvasNavbar2" + title="toggle navbar" > + Navbar toggle
{ } componentWillMount() { - // Handle redesign - console.log("componentWillMount"); - // Check to see if there is a cookie for darkMode; if (!window.localStorage.getItem("darkMode")) { // if not, set one to false to ensure we are defualting to dark mode. window.localStorage.setItem("darkMode", "false"); } + // Check to see if there is a cookie for lowSpec; if (!window.localStorage.getItem("lowSpec")) { - // if not, set one to false to ensure we are defualting to dark mode. - window.localStorage.setItem("lowSpec", "false"); + // if not, set one to true to ensure we are defualting to low spec mode. + window.localStorage.setItem("lowSpec", "true"); } + require("./AppOld.scss"); require("./v2/view/_css/footer.scss"); } diff --git a/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx b/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx index 8d3addae7d..d2cebc53a7 100644 --- a/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx +++ b/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx @@ -15,6 +15,7 @@ import { faTwitter, faFacebook, } from "@fortawesome/free-brands-svg-icons"; +import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks"; interface Props { sessionWrapper: SessionWrapper; @@ -83,9 +84,10 @@ function NewFooterNavFc(props: Props) {
@@ -94,14 +96,16 @@ function NewFooterNavFc(props: Props) { href="https://twitch.tv/FakeYouLabs" target="_blank" rel="noopener noreferrer" + title="Subscribe to our Twitch Channel" > @@ -110,14 +114,16 @@ function NewFooterNavFc(props: Props) { href="https://facebook.com/vocodes" target="_blank" rel="noopener noreferrer" + title="Like us on Facebook" > diff --git a/packages/fakeyou/src/v2/view/NewTopNavFc.tsx b/packages/fakeyou/src/v2/view/NewTopNavFc.tsx index dbf0c05583..14ee9ffa6c 100644 --- a/packages/fakeyou/src/v2/view/NewTopNavFc.tsx +++ b/packages/fakeyou/src/v2/view/NewTopNavFc.tsx @@ -19,7 +19,7 @@ import { faComputer, faLaptop, } from "@fortawesome/free-solid-svg-icons"; -import { faPatreon } from "@fortawesome/free-brands-svg-icons"; +import { faDiscord, faPatreon } from "@fortawesome/free-brands-svg-icons"; import { Logout } from "@storyteller/components/src/api/session/Logout"; import { Gravatar } from "@storyteller/components/src/elements/Gravatar"; import { @@ -37,6 +37,7 @@ import { import Tippy from "@tippyjs/react"; import "tippy.js/dist/tippy.css"; import "tippy.js/animations/shift-away.css"; +import { ThirdPartyLinks } from "@storyteller/components/src/constants/ThirdPartyLinks"; interface Props { sessionWrapper: SessionWrapper; @@ -51,8 +52,9 @@ function NewTopNavFc(props: Props) { const [darkModes, toggleDarkModes] = useState( defaultColourView === "false" ? true : false ); + const [lowSpecView, toggleLowSpecs] = useState( - defaultLowSpecView === "true" ? true : false + defaultLowSpecView === "false" ? true : false ); let history = useHistory(); @@ -225,9 +227,8 @@ function NewTopNavFc(props: Props) {

*/}