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

Merge ed769e6cb6 into 860e6390f1

Browse source
This commit is contained in:
Jaksay 2026-01-27 04:05:01 +00:00 • committed by GitHub
commit 1d0b8a341e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 34 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,3 +1,4 @@
import { useEffect, useMemo, useState } from 'react';
import { useConfig } from '@/components/hooks'; import { useConfig } from '@/components/hooks';
import { FAVICON_URL, GROUPED_DOMAINS } from '@/lib/constants'; import { FAVICON_URL, GROUPED_DOMAINS } from '@/lib/constants';
@ -13,10 +14,39 @@ export function Favicon({ domain, ...props }) {
return null; return null;
} }
const url = config?.faviconUrl || FAVICON_URL;
const hostName = domain ? getHostName(domain) : null; const hostName = domain ? getHostName(domain) : null;
const domainName = GROUPED_DOMAINS[hostName]?.domain || hostName; const domainName = hostName ? GROUPED_DOMAINS[hostName]?.domain || hostName : null;
const src = hostName ? url.replace(/\{\{\s*domain\s*}}/, domainName) : null; const candidates = useMemo(() => {
if (!domainName) {
return [];
}
return hostName ? <img src={src} width={16} height={16} alt="" {...props} /> : null; const urls = [`https://${domainName}/favicon.ico`];
if (globalThis?.location?.protocol !== 'https:') {
urls.push(`http://${domainName}/favicon.ico`);
}
if (config?.faviconUrl) {
urls.push(config.faviconUrl.replace(/\{\{\s*domain\s*}}/, domainName));
}
urls.push(FAVICON_URL.replace(/\{\{\s*domain\s*}}/, domainName));
return urls;
}, [config?.faviconUrl, domainName]);
const [index, setIndex] = useState(0);
const src = candidates[index] || null;
useEffect(() => {
setIndex(0);
}, [candidates.join('|')]);
function handleError() {
setIndex(current => (current + 1 < candidates.length ? current + 1 : current));
}
return hostName && src ? (
<img src={src} width={16} height={16} alt="" onError={handleError} {...props} />
) : null;
} }