watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Use /favicon.ico with DDG fallback

Browse source
This commit is contained in:
Jaksay 2026-01-27 11:45:41 +08:00
parent 860e6390f1
commit a355ecfdb0
1 changed files with 24 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/components/common/Favicon.tsx
View file

@ -1,3 +1,4 @@
import { useEffect, useState } from 'react';
import { useConfig } from '@/components/hooks';
import { FAVICON_URL, GROUPED_DOMAINS } from '@/lib/constants';
@ -13,10 +14,29 @@ export function Favicon({ domain, ...props }) {
return null;
}
const url = config?.faviconUrl || FAVICON_URL;
const hostName = domain ? getHostName(domain) : null;
const domainName = GROUPED_DOMAINS[hostName]?.domain || hostName;
const src = hostName ? url.replace(/\{\{\s*domain\s*}}/, domainName) : null;
const domainName = hostName ? GROUPED_DOMAINS[hostName]?.domain || hostName : null;
const primaryUrl = hostName
? config?.faviconUrl
? config.faviconUrl.replace(/\{\{\s*domain\s*}}/, domainName)
: `https://${domainName}/favicon.ico`
: null;
const fallbackUrl = hostName
? FAVICON_URL.replace(/\{\{\s*domain\s*}}/, domainName)
: null;
const [src, setSrc] = useState(primaryUrl);
return hostName ? <img src={src} width={16} height={16} alt="" {...props} /> : null;
useEffect(() => {
setSrc(primaryUrl);
}, [primaryUrl]);
function handleError() {
if (src && fallbackUrl && src !== fallbackUrl) {
setSrc(fallbackUrl);
}
}
return hostName && src ? (
<img src={src} width={16} height={16} alt="" onError={handleError} {...props} />
) : null;
}