diff --git a/common/src/envs/prod.ts b/common/src/envs/prod.ts index 031a1e42..eacff3f6 100644 --- a/common/src/envs/prod.ts +++ b/common/src/envs/prod.ts @@ -57,7 +57,7 @@ export const PROD_CONFIG: EnvConfig = { adminIds: [ '0vaZsIJk9zLVOWY4gb61gTrRIU73', // Martin ], - faviconPath: '/favicon.ico', + faviconPath: '/favicon.svg', } export const refreshConfig = () => { diff --git a/web/components/FavIcon.tsx b/web/components/FavIcon.tsx index d3889c52..10e3f6bf 100644 --- a/web/components/FavIcon.tsx +++ b/web/components/FavIcon.tsx @@ -2,12 +2,12 @@ type FavIconProps = { className?: string } -const FavIcon = ({className}: FavIconProps) => ( +const FavIconBlack = ({className}: FavIconProps) => ( Compass logo ) -export default FavIcon +export default FavIconBlack diff --git a/web/components/site-logo.tsx b/web/components/site-logo.tsx index a8ae184c..ee0334e9 100644 --- a/web/components/site-logo.tsx +++ b/web/components/site-logo.tsx @@ -1,14 +1,14 @@ import clsx from 'clsx' import {IS_PROD} from 'common/envs/constants' import Link from 'next/link' -import FavIcon from 'web/components/FavIcon' +import FavIconBlack from 'web/components/FavIcon' import {Row} from 'web/components/layout/row' export default function SiteLogo(props: {noLink?: boolean; className?: string}) { const {noLink, className} = props const inner = ( <> - +
{IS_PROD ? 'Compass' : 'Compass dev'}
diff --git a/web/components/widgets/loading-indicator.tsx b/web/components/widgets/loading-indicator.tsx index 15f2d023..a39b3188 100644 --- a/web/components/widgets/loading-indicator.tsx +++ b/web/components/widgets/loading-indicator.tsx @@ -1,6 +1,6 @@ import clsx from 'clsx' import {useEffect, useRef} from 'react' -import FavIcon from 'web/components/FavIcon' +import FavIconBlack from 'web/components/FavIcon' export type SpinnerSize = 'sm' | 'md' | 'lg' @@ -79,7 +79,7 @@ export function CompassLoadingIndicator(props: { )} role="status" > - + ) diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx index 479c90d7..ef482fc6 100644 --- a/web/pages/_app.tsx +++ b/web/pages/_app.tsx @@ -6,6 +6,7 @@ import {Capacitor} from '@capacitor/core' import {Keyboard} from '@capacitor/keyboard' import {StatusBar} from '@capacitor/status-bar' import clsx from 'clsx' +import {DEPLOYED_WEB_URL, ENV_CONFIG} from 'common/envs/constants' import {IS_VERCEL} from 'common/hosting/constants' import {debug} from 'common/logger' import type {AppProps} from 'next/app' @@ -172,12 +173,12 @@ function MyApp(props: AppProps) { content={description} key="description2" /> - + {/**/} - - + + {/*/!* App icons *!/*/} - +