seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

checking issue in staging

This commit is contained in:
Nuwan 2021-11-24 17:08:45 +05:30
parent 362d0a7ba9
commit a63b5cd61f
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
jam-ui/src/components/profile/JKProfileGenres.js
View File

@ -1,13 +1,12 @@
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import { useResponsive } from '@farfetch/react-context-responsive';
import { useTranslation } from 'react-i18next';
const JKProfileGenres = ({ genres, showAll, toggleMoreDetails }) => {
const LIMIT = 4;
const [genresToShow, setGenresToShow] = useState([]);
const { greaterThan } = useResponsive();
const {t} = useTranslation();
useEffect(() => {
showAll || !greaterThan.xs ? setGenresToShow(genres) : setGenresToShow(genres.slice(0, LIMIT));
@ -15,8 +14,12 @@ const JKProfileGenres = ({ genres, showAll, toggleMoreDetails }) => {
return (
<div data-testid="genreList">
{ genresToShow && <div className="text-capitalize">{genresToShow.map(g => g.description ? g.description : g.genre_id).join(', ')}</div>}
{((!showAll && greaterThan.xs) || (showAll && !greaterThan.xs)) && genres.length > LIMIT && (
{ genresToShow && <div className="text-capitalize">
{ genresToShow.map(g => g.description ? g.description : g.genre_id).join(', ') }
</div>
}
{
((!showAll && greaterThan.xs) || (showAll && !greaterThan.xs) && genres.length > LIMIT) && (
<a href="#/" onClick={e => toggleMoreDetails(e)}>
More »
</a>