use categories as card title heading

This commit is contained in:
nikk gitanes
2024-04-07 16:01:25 +03:00
parent 6359aee692
commit 954a2eeb33
2 changed files with 11 additions and 13 deletions

View File

@@ -122,8 +122,7 @@ const Torrent = ({ torrent }) => {
<TorrentCardDescription>
<div className='description-title-wrapper'>
<div className='description-section-name'>
{t('Name')}
<div className='description-category-wrapper'>{catIndex >= 0 ? t(catArray.name) : category}</div>
{category ? (catIndex >= 0 ? t(catArray.name) : category) : t('Name')}
</div>
<div className='description-torrent-title'>{parsedTitle}</div>
</div>

View File

@@ -94,7 +94,6 @@ export const TorrentCardButtons = styled.div`
export const TorrentCardDescription = styled.div`
${({
theme: {
app: { sidebarBGColor },
torrentCard: { cardSecondaryColor, accentCardColor },
},
}) => css`
@@ -116,17 +115,17 @@ export const TorrentCardDescription = styled.div`
flex-direction: column;
}
.description-title-wrapper > .description-section-name {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
self-align: end;
}
// .description-title-wrapper > .description-section-name {
// display: flex;
// flex-wrap: nowrap;
// justify-content: space-between;
// self-align: end;
// }
.description-category-wrapper {
display: inline-flex;
color: ${sidebarBGColor};
}
// .description-category-wrapper {
// display: inline-flex;
// color: #1a1a1a;
// }
.description-section-name {
text-transform: uppercase;