RelatedCharacters RelatedCharacters.tsx

0% Statements 0/18

100% Branches 1/1

100% Functions 1/1

0% Lines 0/18

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ICharacter } from '@/shared/types/character';
import { Link } from 'react-router-dom';
import './RelatedCharacters.scss';
import LazyImage from '@/shared/components/LazyImage/LazyImage';
 
const RelatedCharacters = ({ characters }: { characters: ICharacter[] }) => {
  return (
    <div className="related-characters">
      <h3 className="page-title mb-3">Other Characters from this Location</h3>
      <div className="related-grid">
        {characters.map((char) => (
          <Link to={`/character/${char.id}`} key={char.id} className="related-card">
            <LazyImage src={char.image} alt={char.name} />
            <span>{char.name}</span>
          </Link>
        ))}
      </div>
    </div>
  );
};
 
export default RelatedCharacters;