index.tsx 777 Bytes
Newer Older
1 2 3 4 5
import React from 'react';
import moment from 'moment';
import { Avatar } from 'antd';
import styles from './index.less';

陈帅's avatar
陈帅 committed
6 7 8 9 10 11 12 13 14 15 16 17 18
interface ArticleListContentProps {
  data: {
    content: React.ReactNode;
    updatedAt: number;
    avatar: string;
    owner: string;
    href: string;
  };
}

const ArticleListContent: React.SFC<ArticleListContentProps> = ({
  data: { content, updatedAt, avatar, owner, href },
}) => (
19 20 21 22 23 24 25 26 27 28 29
  <div className={styles.listContent}>
    <div className={styles.description}>{content}</div>
    <div className={styles.extra}>
      <Avatar src={avatar} size="small" />
      <a href={href}>{owner}</a> 发布在 <a href={href}>{href}</a>
      <em>{moment(updatedAt).format('YYYY-MM-DD HH:mm')}</em>
    </div>
  </div>
);

export default ArticleListContent;