entity-details index.tsx

100% Statements 4/4

100% Branches 1/1

100% Functions 2/2

100% Lines 4/4

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
24
25
26
27
28
29
30
31
32
33
34
35  
 
 
 
 
 
 
 
3x
3x
 
3x
 
 
 
 
 
 
 
 
 
 
 
8x
 
 
 
 
 
 
 
 
 
 
  import { Image } from 'components';
import { FavoriteHandle } from 'components/favorite-handle';
import { Entity } from 'types';
 
import * as S from './styles';
 
export type EntityDetailsProps = Entity;
 
const EntityDetails = (data: EntityDetailsProps) => {
  const { image, title, extras = {} } = data;
 
  return (
    <S.Container>
      <S.Box>
        <Image image={image!} alt={title!} />
 
        <S.Wrapper>
          <FavoriteHandle {...data} />
        </S.Wrapper>
      </S.Box>
 
      <S.Content>
        {Object.entries(extras).map(([key, value]) => (
          <S.Field key={key}>
            <S.Key>{key.replace('_', ' ')}:</S.Key>
            <S.Value>{value}</S.Value>
          </S.Field>
        ))}
      </S.Content>
    </S.Container>
  );
};
 
export { EntityDetails };