{"version":3,"sources":["components/Post.jsx","mock_api.js","components/Posts.jsx","components/App.jsx","index.js"],"names":["Post","props","className","style","marginTop","type","title","extra","href","content","api","Posts","border","_","map","article","App","ReactDOM","render","name","document","getElementById"],"mappings":"+MAoBeA,EAjBF,SAACC,GACZ,OACE,qBAAKC,UAAU,oBAAf,SACE,cAAC,IAAD,CACEC,MAAO,CAACC,UAAW,IACnBC,KAAK,QACLC,MAAOL,EAAMK,MACbC,MAAO,mBAAGC,KAAK,IAAR,kBAJT,SAME,4BACGP,EAAMQ,eCyBFC,EAtCH,CACR,CACI,GAAM,EACN,MAAS,gBACT,QAAU,iyCAId,CACI,GAAM,EACN,MAAS,iBACT,QAAU,iyCAId,CACI,GAAM,EACN,MAAS,gBACT,QAAU,iyCAId,CACI,GAAM,EACN,MAAS,iBACT,QAAU,iyCAId,CACI,GAAM,EACN,MAAS,gBACT,QAAU,kyC,iBCJHC,MAtBf,SAAeV,GACb,OACE,sBAAKC,UAAU,kBAAf,UACE,qBAAKA,UAAU,wBAAf,SACE,cAAC,IAAD,CACEC,MAAO,CACLS,OAAQ,6BAEVN,MAAM,YAGV,qBAAKJ,UAAU,qBAAf,SAEIW,IAAEC,IAAIJ,GAAI,SAACK,GAAD,OACR,cAAC,EAAD,CAAMT,MAAOS,EAAQT,MAAOG,QAASM,EAAQN,mBCR1CO,G,MARH,SAACf,GACX,OACE,qBAAKC,UAAU,gBAAf,SACE,cAAC,EAAD,QCFNe,IAASC,OACL,cAAC,EAAD,CAAKC,KAAK,UACZC,SAASC,eAAe,W","file":"static/js/main.679f060a.chunk.js","sourcesContent":["import React from 'react';\nimport {Card} from 'antd';\n\nconst Post = (props) => {\n  return (\n    <div className=\"article_container\">\n      <Card\n        style={{marginTop: 16}}\n        type=\"inner\"\n        title={props.title}\n        extra={<a href=\"#\">More</a>}\n      >\n        <p>\n          {props.content}\n        </p>\n      </Card>\n    </div>\n  );\n}\n\nexport default Post;","const api = [\n    {\n        \"id\": 0,\n        \"title\": \"First Article\",\n        \"content\": `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempor tortor augue, in fermentum lorem finibus eget. Pellentesque elementum velit et aliquet tempus. Vivamus scelerisque quis est eget pharetra. Nunc vestibulum, nisi quis pellentesque ornare, dolor tellus ultrices odio, non molestie velit ipsum ut erat. Vestibulum condimentum quam semper magna maximus, ut dapibus massa volutpat. Mauris sed velit felis. Etiam imperdiet scelerisque mattis. Aenean congue in dolor non convallis. Donec in placerat libero, ut blandit libero. Nunc sapien risus, rutrum vitae tortor non, aliquet lobortis felis. Aliquam ut rhoncus neque, vitae porttitor eros.\n\n        Donec consectetur tincidunt dui sed luctus. Quisque pretium fringilla euismod. Nunc ultricies dui nunc, in egestas metus lobortis sed. Suspendisse ac facilisis dui, vulputate pharetra velit. Pellentesque et dapibus turpis. Nullam volutpat ultricies sapien, et aliquam mauris facilisis rutrum. In in felis eget leo imperdiet gravida. Mauris vestibulum nisl ex, a auctor lorem maximus eu. Pellentesque malesuada imperdiet turpis a rutrum. Morbi scelerisque tempor risus, commodo tempus purus mollis tempus. Nulla et nulla eu est rhoncus vestibulum eu in leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.`\n    },\n    {\n        \"id\": 1,\n        \"title\": \"Second Article\",\n        \"content\": `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempor tortor augue, in fermentum lorem finibus eget. Pellentesque elementum velit et aliquet tempus. Vivamus scelerisque quis est eget pharetra. Nunc vestibulum, nisi quis pellentesque ornare, dolor tellus ultrices odio, non molestie velit ipsum ut erat. Vestibulum condimentum quam semper magna maximus, ut dapibus massa volutpat. Mauris sed velit felis. Etiam imperdiet scelerisque mattis. Aenean congue in dolor non convallis. Donec in placerat libero, ut blandit libero. Nunc sapien risus, rutrum vitae tortor non, aliquet lobortis felis. Aliquam ut rhoncus neque, vitae porttitor eros.\n\n        Donec consectetur tincidunt dui sed luctus. Quisque pretium fringilla euismod. Nunc ultricies dui nunc, in egestas metus lobortis sed. Suspendisse ac facilisis dui, vulputate pharetra velit. Pellentesque et dapibus turpis. Nullam volutpat ultricies sapien, et aliquam mauris facilisis rutrum. In in felis eget leo imperdiet gravida. Mauris vestibulum nisl ex, a auctor lorem maximus eu. Pellentesque malesuada imperdiet turpis a rutrum. Morbi scelerisque tempor risus, commodo tempus purus mollis tempus. Nulla et nulla eu est rhoncus vestibulum eu in leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.`\n    },\n    {\n        \"id\": 2,\n        \"title\": \"Third Article\",\n        \"content\": `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempor tortor augue, in fermentum lorem finibus eget. Pellentesque elementum velit et aliquet tempus. Vivamus scelerisque quis est eget pharetra. Nunc vestibulum, nisi quis pellentesque ornare, dolor tellus ultrices odio, non molestie velit ipsum ut erat. Vestibulum condimentum quam semper magna maximus, ut dapibus massa volutpat. Mauris sed velit felis. Etiam imperdiet scelerisque mattis. Aenean congue in dolor non convallis. Donec in placerat libero, ut blandit libero. Nunc sapien risus, rutrum vitae tortor non, aliquet lobortis felis. Aliquam ut rhoncus neque, vitae porttitor eros.\n\n        Donec consectetur tincidunt dui sed luctus. Quisque pretium fringilla euismod. Nunc ultricies dui nunc, in egestas metus lobortis sed. Suspendisse ac facilisis dui, vulputate pharetra velit. Pellentesque et dapibus turpis. Nullam volutpat ultricies sapien, et aliquam mauris facilisis rutrum. In in felis eget leo imperdiet gravida. Mauris vestibulum nisl ex, a auctor lorem maximus eu. Pellentesque malesuada imperdiet turpis a rutrum. Morbi scelerisque tempor risus, commodo tempus purus mollis tempus. Nulla et nulla eu est rhoncus vestibulum eu in leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.`\n    },\n    {\n        \"id\": 3,\n        \"title\": \"Fourth Article\",\n        \"content\": `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempor tortor augue, in fermentum lorem finibus eget. Pellentesque elementum velit et aliquet tempus. Vivamus scelerisque quis est eget pharetra. Nunc vestibulum, nisi quis pellentesque ornare, dolor tellus ultrices odio, non molestie velit ipsum ut erat. Vestibulum condimentum quam semper magna maximus, ut dapibus massa volutpat. Mauris sed velit felis. Etiam imperdiet scelerisque mattis. Aenean congue in dolor non convallis. Donec in placerat libero, ut blandit libero. Nunc sapien risus, rutrum vitae tortor non, aliquet lobortis felis. Aliquam ut rhoncus neque, vitae porttitor eros.\n\n        Donec consectetur tincidunt dui sed luctus. Quisque pretium fringilla euismod. Nunc ultricies dui nunc, in egestas metus lobortis sed. Suspendisse ac facilisis dui, vulputate pharetra velit. Pellentesque et dapibus turpis. Nullam volutpat ultricies sapien, et aliquam mauris facilisis rutrum. In in felis eget leo imperdiet gravida. Mauris vestibulum nisl ex, a auctor lorem maximus eu. Pellentesque malesuada imperdiet turpis a rutrum. Morbi scelerisque tempor risus, commodo tempus purus mollis tempus. Nulla et nulla eu est rhoncus vestibulum eu in leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.`\n    },\n    {\n        \"id\": 4,\n        \"title\": \"Fifth Article\",\n        \"content\": `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tempor tortor augue, in fermentum lorem finibus eget. Pellentesque elementum velit et aliquet tempus. Vivamus scelerisque quis est eget pharetra. Nunc vestibulum, nisi quis pellentesque ornare, dolor tellus ultrices odio, non molestie velit ipsum ut erat. Vestibulum condimentum quam semper magna maximus, ut dapibus massa volutpat. Mauris sed velit felis. Etiam imperdiet scelerisque mattis. Aenean congue in dolor non convallis. Donec in placerat libero, ut blandit libero. Nunc sapien risus, rutrum vitae tortor non, aliquet lobortis felis. Aliquam ut rhoncus neque, vitae porttitor eros.\n\n        Donec consectetur tincidunt dui sed luctus. Quisque pretium fringilla euismod. Nunc ultricies dui nunc, in egestas metus lobortis sed. Suspendisse ac facilisis dui, vulputate pharetra velit. Pellentesque et dapibus turpis. Nullam volutpat ultricies sapien, et aliquam mauris facilisis rutrum. In in felis eget leo imperdiet gravida. Mauris vestibulum nisl ex, a auctor lorem maximus eu. Pellentesque malesuada imperdiet turpis a rutrum. Morbi scelerisque tempor risus, commodo tempus purus mollis tempus. Nulla et nulla eu est rhoncus vestibulum eu in leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.`\n    }\n]\n\nexport default api;","import React from 'react';\nimport { PageHeader } from 'antd';\nimport Post from './Post';\nimport api from '../mock_api';\nimport _ from 'lodash';\n\nfunction Posts(props) {\n  return (\n    <div className=\"posts_container\">\n      <div className=\"page_header_container\">\n        <PageHeader\n          style={{\n            border: '1px solid rgb(235,237,240'\n          }}\n          title=\"Posts\"\n        />\n      </div>\n      <div className=\"articles_container\">\n        {\n          _.map(api,(article) => (\n            <Post title={article.title} content={article.content} />\n          ))\n        }\n      </div>\n    </div>\n  )\n}\n\nexport default Posts;","import React from 'react';\nimport Posts from './Posts';\nimport 'antd/dist/antd.css';\n\nconst App = (props) => {\n  return (\n    <div className=\"app_container\">\n      <Posts />\n    </div>\n  );\n}\n\nexport default App;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App.jsx';\n\nReactDOM.render(\n    <App name='James' />,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}