ReactJS

1
import React from 'react';
2
import styles from './card.css';
3
import {PostPreview} from "./PostPreview";
4
import {Menu} from "./Menu";
5
import {ControlPanel} from "./ControlPanel";
6
import {IPostShortInfo, PostInfo} from "./PostInfo";
7

8
export interface ICardProps {
9
  post: IPostShortInfo;
10
  previewImageUrl: string;
11
  id: string;
12
}
13

14
export function Card(props: ICardProps) {
15
  return (
16
    <li className={styles.card}>
17
      <PostInfo
18
        title={props.post.title}
19
        url={props.post.url}
20
        author={props.post.author}
21
        crDate={props.post.crDate}
22
      />
23
      <PostPreview
24
        previewUrl={props.previewImageUrl}
25
        altText="image preview"
26
      />
27
      <Menu/>
28
      <ControlPanel/>
29
    </li>
30
  );
31
}
32