Reshapes blog props

Author: alexgorbatchev

src/routes/blog/components/BlogComponent.tsx

@@ -5,8 +5,7 @@ import Post from './PostComponent';
 
 export default class BlogComponent extends React.Component<IPostsProps, any> {
   render() {
-    const { posts, authors } = this.props.posts.entities;
-    const { isFetching, result: displayPosts } = this.props.posts;
+    const { posts, authors, isFetching, displayPosts } = this.props;
 
     return (
       <div>

src/routes/blog/containers/BlogContainer.tsx

@@ -5,7 +5,14 @@ import { IState } from '../../../store';
 import { IPostsProps } from '../types';
 
 function stateToProps(state: IState, ownProps: any): IPostsProps {
-  return { posts: state.posts };
+  const { posts } = state;
+
+  return {
+    isFetching: posts.isFetching,
+    posts: posts.entities.posts,
+    authors: posts.entities.authors,
+    displayPosts: posts.result,
+  };
 }
 
 @connect(stateToProps)

src/routes/blog/types.ts

@@ -1,5 +1,8 @@
-import { IPostsState, IState } from '../../store';
+import { IPost, IAuthor } from '../../store';
 
 export interface IPostsProps {
-  posts: IPostsState;
+  isFetching: boolean;
+  posts: { [id: string]: IPost };
+  authors: { [id: string]: IAuthor };
+  displayPosts: string[];
 }