{"version":3,"sources":["componets/PostArea/PostArea.jsx","componets/PostContainer/PostContainer.jsx","componets/Headline/Header.jsx","App.js","reportWebVitals.js","index.js"],"names":["PostArea","toggleUpdate","TextArea","Input","useState","title","setTitle","content","setContent","username","setUsername","submitPost","post","a","console","log","fetch","method","mode","headers","body","JSON","stringify","error","message","stack","className","id","placeholder","allowClear","onChange","event","target","value","onClick","PostContainer","posts","setPosts","queryPosts","response","json","data","push","parse","useEffect","then","catch","err","dataSource","size","pagination","page","pageSize","renderItem","Item","Meta","description","BasicHeader","Layout","Header","style","marginTop","App","Content","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.3a313dfe.chunk.js","sourcesContent":["import {Button, Input} from 'antd';\nimport {useState} from \"react\";\nimport \"./PostArea.css\";\n\n\nconst PostArea = ({toggleUpdate}) => {\n    const {TextArea} = Input;\n    const [title, setTitle] = useState(\"\");\n    const [content, setContent] = useState(\"\");\n    const [username, setUsername] = useState(\"\");\n    const submitPost = async post => {\n        try {\n            console.log(post);\n            const response = await fetch('https://backend-service.boyang.workers.dev/posts', {\n                method: \"POST\",\n                mode: \"no-cors\",\n                headers: {\n                    \"Content-Type\": \"application/json\",\n                },\n                body: JSON.stringify(post)\n            });\n        } catch (err) {\n            console.error(err.message, err.stack);\n        }\n    }\n\n    return <div className=\"post-area-container\">\n        <Input id=\"title-input\" placeholder=\"Input title\" allowClear onChange={event => setTitle(event.target.value)}/>\n        <TextArea id=\"content-input\" placeholder=\"Input content\" allowClear\n                  onChange={event => setContent(event.target.value)}/>\n        <Input id=\"username-input\" placeholder=\"Input username\" allowClear\n               onChange={event => setUsername(event.target.value)}/>\n        <Button className=\"button\" onClick={() => submitPost({\n            title,\n            content,\n            username\n        })}>Submit</Button>\n    </div>\n}\n\nexport default PostArea;","import {useEffect, useState} from \"react\";\n// import \"./PostContainer.css\";\nimport {List, Pagination} from 'antd';\nimport PostArea from \"../PostArea/PostArea\";\n\nconst PostContainer = () => {\n    const [posts, setPosts] = useState([]);\n\n    const queryPosts = async () => {\n        try {\n            const response = await fetch('https://backend-service.boyang.workers.dev/posts', {\n                method: \"GET\",\n                mode: \"cors\",\n                headers: {\n                    \"Content-Type\": \"application/json\",\n                }\n            });\n\n            const {data} = await response.json();\n            const posts = []\n            for (let post of data) {\n                posts.push(JSON.parse(post));\n            }\n            return posts;\n        } catch (err) {\n            console.error(err.message, err.stack);\n        }\n    }\n\n    useEffect(() => {\n        queryPosts().then((posts) => {\n            setPosts(posts);\n        }).catch((err) => {\n            console.error(err.message);\n        });\n    }, []);\n\n    return <>\n        <List\n            // itemLayout=\"vertical\"\n            dataSource={posts}\n            size=\"large\"\n            pagination={{\n                onChange: page => {\n                    console.log(page);\n                },\n                pageSize: 10,\n            }}\n            renderItem={post => (\n                <List.Item>\n                    <List.Item.Meta\n                        title={post.title}\n                        description={\"@\" + post.username}\n                    />\n                    {post.content}\n                </List.Item>\n            )}\n        />\n        <PostArea/>\n    </>\n}\n\nexport default PostContainer;","import React from \"react\";\nimport \"./Header.css\";\nimport {Layout, Space} from \"antd\";\n\nconst {Header: BasicHeader} = Layout;\n\nconst Header = () => {\n    return <BasicHeader id=\"header\">\n        <h1 style={{marginTop: \"15px\"}}>Husky Network</h1>\n    </BasicHeader>\n}\n\nexport default Header;","import \"./app.css\";\nimport PostContainer from \"./componets/PostContainer/PostContainer\"\nimport Header from \"./componets/Headline/Header\";\nimport {Layout} from \"antd\";\n\nconst App = () => {\n    const {Content} = Layout;\n    return <Layout id=\"layout-container\">\n        <Header/>\n        <Content className={\"content-container\"}>\n            <PostContainer/>\n        </Content>\n    </Layout>;\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport 'antd/dist/antd.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}