use translated main categories in details

This commit is contained in:
nikk gitanes
2024-04-06 15:11:39 +03:00
parent c8e02deefd
commit 3439a06ce2
3 changed files with 10 additions and 8 deletions

View File

@@ -11,6 +11,7 @@ import {
import { getPeerString, humanizeSize, humanizeSpeed } from 'utils/Utils'
import { useTranslation } from 'react-i18next'
import { GETTING_INFO, IN_DB, CLOSED, PRELOAD, WORKING } from 'torrentStates'
import { TORRENT_CATEGORIES } from 'components/categories'
import StatisticsField from '../StatisticsField'
import useGetWidgetColors from './useGetWidgetColors'
@@ -131,12 +132,15 @@ export const SizeWidget = ({ data }) => {
export const CategoryWidget = ({ data }) => {
const { t } = useTranslation()
const { iconBGColor, valueBGColor } = useGetWidgetColors('category')
// main categories
const catIndex = TORRENT_CATEGORIES.findIndex(e => e.key === data)
const catArray = TORRENT_CATEGORIES.find(e => e.key === data)
if (data) {
return (
<StatisticsField
title={t('Category')}
value={data}
value={catIndex >= 0 ? t(catArray.name) : data}
iconBg={iconBGColor}
valueBg={valueBGColor}
icon={CategoryIcon}

View File

@@ -6,10 +6,10 @@ import { useTranslation } from 'react-i18next'
export default function FilterByCategory({ categoryKey, categoryName, setGlobalFilterCategory, icon }) {
const onClick = () => {
setGlobalFilterCategory(categoryKey)
if (process.env.NODE_ENV !== 'production') {
// if (process.env.NODE_ENV !== 'production') {
// eslint-disable-next-line no-console
console.log('FilterByCategory categoryKey: %s categoryName: %s', categoryKey, categoryName)
}
// console.log('FilterByCategory categoryKey: %s categoryName: %s', categoryKey, categoryName)
// }
}
const { t } = useTranslation()

View File

@@ -82,7 +82,7 @@ const Torrent = ({ torrent }) => {
const fullPlaylistLink = `${playlistTorrHost()}/${encodeURIComponent(parsedTitle || 'file')}.m3u?link=${hash}&m3u`
const detailedInfoDialogRef = useOnStandaloneAppOutsideClick(closeDetailedInfo)
// FIXME
// main categories
const catIndex = TORRENT_CATEGORIES.findIndex(e => e.key === category)
const catArray = TORRENT_CATEGORIES.find(e => e.key === category)
@@ -123,9 +123,7 @@ const Torrent = ({ torrent }) => {
<div className='description-title-wrapper'>
<div className='description-section-name'>
{t('Name')}
<div className='description-category-wrapper'>
{catIndex >= 0 ? t(catArray.name) : '' /* {category} */}
</div>
<div className='description-category-wrapper'>{catIndex >= 0 ? t(catArray.name) : category}</div>
</div>
<div className='description-torrent-title'>{parsedTitle}</div>
</div>