umami/src/components/hooks/useFormat.ts

47 lines
1.3 KiB
TypeScript

import useMessages from './useMessages';
import { BROWSERS } from 'lib/constants';
import useLocale from './useLocale';
import useCountryNames from './useCountryNames';
import regions from 'public/iso-3166-2.json';
export function useFormat() {
const { formatMessage, labels } = useMessages();
const { locale } = useLocale();
const countryNames = useCountryNames(locale);
const formatBrowser = (value: string): string => {
return BROWSERS[value] || value;
};
const formatCountry = (value: string): string => {
return countryNames[value] || value;
};
const formatRegion = (value: string): string => {
return regions[value] ? regions[value] : value;
};
const formatDevice = (value: string): string => {
return formatMessage(labels[value] || labels.unknown);
};
const formatValue = (value: string, type: string): string => {
switch (type) {
case 'browser':
return formatBrowser(value);
case 'country':
return formatCountry(value);
case 'region':
return formatRegion(value);
case 'device':
return formatDevice(value);
default:
return value;
}
};
return { formatBrowser, formatCountry, formatRegion, formatDevice, formatValue };
}
export default useFormat;