Add config options for extension install links

This commit is contained in:
mrjvs 2024-01-24 14:53:54 +01:00
parent e1c09225ee
commit 825a28502d
2 changed files with 18 additions and 11 deletions

View File

@ -119,7 +119,7 @@ interface ExtensionPageProps {
function ChromeExtensionPage(props: ExtensionPageProps) { function ChromeExtensionPage(props: ExtensionPageProps) {
const { t } = useTranslation(); const { t } = useTranslation();
const installLink = conf().ONBOARDING_EXTENSION_INSTALL_LINK; const installLink = conf().ONBOARDING_CHROME_EXTENSION_INSTALL_LINK;
return ( return (
<> <>
<Heading2 className="!mt-0 !text-3xl max-w-[435px]"> <Heading2 className="!mt-0 !text-3xl max-w-[435px]">
@ -141,7 +141,7 @@ function ChromeExtensionPage(props: ExtensionPageProps) {
function FirefoxExtensionPage(props: ExtensionPageProps) { function FirefoxExtensionPage(props: ExtensionPageProps) {
const { t } = useTranslation(); const { t } = useTranslation();
const installLink = conf().ONBOARDING_EXTENSION_INSTALL_LINK; const installLink = conf().ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK;
return ( return (
<> <>
<Heading2 className="!mt-0 !text-3xl max-w-[435px]"> <Heading2 className="!mt-0 !text-3xl max-w-[435px]">
@ -180,8 +180,8 @@ function IosExtensionPage(_props: ExtensionPageProps) {
function UnknownExtensionPage(props: ExtensionPageProps) { function UnknownExtensionPage(props: ExtensionPageProps) {
const { t } = useTranslation(); const { t } = useTranslation();
const installChromeLink = conf().ONBOARDING_EXTENSION_INSTALL_LINK; const installChromeLink = conf().ONBOARDING_CHROME_EXTENSION_INSTALL_LINK;
const installFirefoxLink = conf().ONBOARDING_EXTENSION_INSTALL_LINK; const installFirefoxLink = conf().ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK;
return ( return (
<> <>
<Heading2 className="!mt-0 !text-3xl max-w-[435px]"> <Heading2 className="!mt-0 !text-3xl max-w-[435px]">

View File

@ -20,7 +20,8 @@ interface Config {
TURNSTILE_KEY: string; TURNSTILE_KEY: string;
CDN_REPLACEMENTS: string; CDN_REPLACEMENTS: string;
HAS_ONBOARDING: string; HAS_ONBOARDING: string;
ONBOARDING_EXTENSION_INSTALL_LINK: string; ONBOARDING_CHROME_EXTENSION_INSTALL_LINK: string;
ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK: string;
ONBOARDING_PROXY_INSTALL_LINK: string; ONBOARDING_PROXY_INSTALL_LINK: string;
} }
@ -38,7 +39,8 @@ export interface RuntimeConfig {
TURNSTILE_KEY: string | null; TURNSTILE_KEY: string | null;
CDN_REPLACEMENTS: Array<string[]>; CDN_REPLACEMENTS: Array<string[]>;
HAS_ONBOARDING: boolean; HAS_ONBOARDING: boolean;
ONBOARDING_EXTENSION_INSTALL_LINK: string | null; ONBOARDING_CHROME_EXTENSION_INSTALL_LINK: string | null;
ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK: string | null;
ONBOARDING_PROXY_INSTALL_LINK: string | null; ONBOARDING_PROXY_INSTALL_LINK: string | null;
} }
@ -48,8 +50,10 @@ const env: Record<keyof Config, undefined | string> = {
GITHUB_LINK: undefined, GITHUB_LINK: undefined,
DONATION_LINK: undefined, DONATION_LINK: undefined,
DISCORD_LINK: undefined, DISCORD_LINK: undefined,
ONBOARDING_EXTENSION_INSTALL_LINK: import.meta.env ONBOARDING_CHROME_EXTENSION_INSTALL_LINK: import.meta.env
.VITE_ONBOARDING_EXTENSION_INSTALL_LINK, .VITE_ONBOARDING_CHROME_EXTENSION_INSTALL_LINK,
ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK: import.meta.env
.VITE_ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK,
ONBOARDING_PROXY_INSTALL_LINK: import.meta.env ONBOARDING_PROXY_INSTALL_LINK: import.meta.env
.VITE_ONBOARDING_PROXY_INSTALL_LINK, .VITE_ONBOARDING_PROXY_INSTALL_LINK,
DMCA_EMAIL: import.meta.env.VITE_DMCA_EMAIL, DMCA_EMAIL: import.meta.env.VITE_DMCA_EMAIL,
@ -80,7 +84,8 @@ function getKey(key: keyof Config, defaultString?: string): string {
export function conf(): RuntimeConfig { export function conf(): RuntimeConfig {
const dmcaEmail = getKey("DMCA_EMAIL"); const dmcaEmail = getKey("DMCA_EMAIL");
const extensionLink = getKey("ONBOARDING_EXTENSION_INSTALL_LINK"); const chromeExtension = getKey("ONBOARDING_CHROME_EXTENSION_INSTALL_LINK");
const firefoxExtension = getKey("ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK");
const proxyInstallLink = getKey("ONBOARDING_PROXY_INSTALL_LINK"); const proxyInstallLink = getKey("ONBOARDING_PROXY_INSTALL_LINK");
const turnstileKey = getKey("TURNSTILE_KEY"); const turnstileKey = getKey("TURNSTILE_KEY");
return { return {
@ -89,8 +94,10 @@ export function conf(): RuntimeConfig {
DONATION_LINK, DONATION_LINK,
DISCORD_LINK, DISCORD_LINK,
DMCA_EMAIL: dmcaEmail.length > 0 ? dmcaEmail : null, DMCA_EMAIL: dmcaEmail.length > 0 ? dmcaEmail : null,
ONBOARDING_EXTENSION_INSTALL_LINK: ONBOARDING_CHROME_EXTENSION_INSTALL_LINK:
extensionLink.length > 0 ? extensionLink : null, chromeExtension.length > 0 ? chromeExtension : null,
ONBOARDING_FIREFOX_EXTENSION_INSTALL_LINK:
firefoxExtension.length > 0 ? firefoxExtension : null,
ONBOARDING_PROXY_INSTALL_LINK: ONBOARDING_PROXY_INSTALL_LINK:
proxyInstallLink.length > 0 ? proxyInstallLink : null, proxyInstallLink.length > 0 ? proxyInstallLink : null,
BACKEND_URL: getKey("BACKEND_URL", BACKEND_URL), BACKEND_URL: getKey("BACKEND_URL", BACKEND_URL),