mirror of
https://github.com/astuto/astuto.git
synced 2025-12-15 11:17:49 +01:00
Add first version of roadmap
This commit is contained in:
28
app/javascript/components/Roadmap/PostList.tsx
Normal file
28
app/javascript/components/Roadmap/PostList.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import * as React from 'react';
|
||||
|
||||
import PostListItem from './PostListItem';
|
||||
|
||||
import IPost from '../../interfaces/IPost';
|
||||
import IBoard from '../../interfaces/IBoard';
|
||||
|
||||
import '../../stylesheets/components/Roadmap/PostList.scss';
|
||||
|
||||
interface Props {
|
||||
posts: Array<IPost>;
|
||||
boards: Array<IBoard>;
|
||||
}
|
||||
|
||||
const PostList = ({ posts, boards }: Props) => (
|
||||
<div className="postList">
|
||||
{posts.map((post, i) => (
|
||||
<PostListItem
|
||||
title={post.title}
|
||||
boardName={boards.find(board => board.id === post.board_id).name}
|
||||
|
||||
key={i}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
|
||||
export default PostList;
|
||||
Reference in New Issue
Block a user