m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-14 21:10:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Remove className locale

Browse Source
This commit is contained in:
Minseo Lee 2024-08-28 10:13:11 +09:00
parent d80739a203
commit d7734d0493
5 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/input/LanguageButton.tsx
View File

@ -1,4 +1,4 @@
import { Icon, Button, PopupTrigger, Popup, Text } from 'react-basics'; import { Icon, Button, PopupTrigger, Popup } from 'react-basics';
import classNames from 'classnames'; import classNames from 'classnames';
import { languages } from 'lib/lang'; import { languages } from 'lib/lang';
import { useLocale } from 'components/hooks'; import { useLocale } from 'components/hooks';
@ -33,7 +33,7 @@ export function LanguageButton() {
className={classNames(styles.item, { [styles.selected]: value === locale })} className={classNames(styles.item, { [styles.selected]: value === locale })}
onClick={(e: any) => handleSelect(value, close, e)} onClick={(e: any) => handleSelect(value, close, e)}
> >
<Text>{label}</Text> <span lang={value}>{label}</span>
{value === locale && ( {value === locale && (
<Icon className={styles.icon}> <Icon className={styles.icon}>
<Icons.Check /> <Icons.Check />

7
src/components/metrics/CountriesTable.tsx
View File

@ -12,12 +12,7 @@ export function CountriesTable({ ...props }: MetricsTableProps) {
const renderLink = ({ x: code }) => { const renderLink = ({ x: code }) => {
return ( return (
<FilterLink <FilterLink id="country" value={countryNames[code] && code} label={formatCountry(code)}>
id="country"
className={locale}
value={countryNames[code] && code}
label={formatCountry(code)}
>
<TypeIcon type="country" value={code?.toLowerCase()} /> <TypeIcon type="country" value={code?.toLowerCase()} />
</FilterLink> </FilterLink>
); );

2
src/components/metrics/LanguagesTable.tsx
View File

@ -13,7 +13,7 @@ export function LanguagesTable({
const languageNames = useLanguageNames(locale); const languageNames = useLanguageNames(locale);
const renderLabel = ({ x }) => { const renderLabel = ({ x }) => {
return <div className={locale}>{languageNames[x?.split('-')[0]] ?? x}</div>; return languageNames[x?.split('-')[0]] ?? x;
}; };
return ( return (

5
src/components/metrics/Legend.tsx
View File

@ -3,7 +3,6 @@ import { safeDecodeURIComponent } from 'next-basics';
import { colord } from 'colord'; import { colord } from 'colord';
import classNames from 'classnames'; import classNames from 'classnames';
import { LegendItem } from 'chart.js/auto'; import { LegendItem } from 'chart.js/auto';
import { useLocale } from 'components/hooks';
import styles from './Legend.module.css'; import styles from './Legend.module.css';
export function Legend({ export function Legend({
@ -13,8 +12,6 @@ export function Legend({
items: any[]; items: any[];
onClick: (index: LegendItem) => void; onClick: (index: LegendItem) => void;
}) { }) {
const { locale } = useLocale();
if (!items.find(({ text }) => text)) { if (!items.find(({ text }) => text)) {
return null; return null;
} }
@ -32,7 +29,7 @@ export function Legend({
onClick={() => onClick(item)} onClick={() => onClick(item)}
> >
<StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}> <StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}>
<span className={locale}>{safeDecodeURIComponent(text)}</span> {safeDecodeURIComponent(text)}
</StatusLight> </StatusLight>
</div> </div>
); );

2
src/components/metrics/RegionsTable.tsx
View File

@ -11,7 +11,7 @@ export function RegionsTable(props: MetricsTableProps) {
const renderLink = ({ x: code, country }) => { const renderLink = ({ x: code, country }) => {
return ( return (
<FilterLink id="region" className={locale} value={code} label={getRegionName(code, country)}> <FilterLink id="region" value={code} label={getRegionName(code, country)}>
<TypeIcon type="country" value={country?.toLowerCase()} /> <TypeIcon type="country" value={country?.toLowerCase()} />
</FilterLink> </FilterLink>
); );