{"version":3,"sources":["CSS/PostForm.module.css","logo.svg","Components/PostForm.js","Components/Post.js","Components/PostsSection.js","App.js","reportWebVitals.js","index.js"],"names":["module","exports","PostForm","useState","postTitle","setPostTitle","postContent","setPostContent","postUsername","setPostUsername","history","useHistory","handlePostButton","a","length","alert","axios","post","data","go","Form","style","backgroundColor","width","Group","className","classes","formGroup","Label","Control","formControl","value","onChange","e","target","as","height","justifyContent","paddingLeft","Button","onClick","Post","props","Card","border","margin","padding","Body","Title","fontWeight","title","Text","content","Subtitle","username","PostsSection","posts","setPosts","get","response","JSON","parse","useEffect","postsRequest","map","p","index","App","display","alignItems","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.3f12907b.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"formGroup\":\"PostForm_formGroup__1gQmz\",\"formControl\":\"PostForm_formControl__XPTI4\"};","export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import {Form, Button} from 'react-bootstrap';\nimport classes from \"../CSS/PostForm.module.css\";\nimport { useState } from 'react';\nimport axios from 'axios';\nimport { useHistory } from \"react-router\";\nconst PostForm = ()=>{\n    const [ postTitle, setPostTitle ] = useState(\"\");\n    const [ postContent, setPostContent ] = useState(\"\");\n    const [ postUsername, setPostUsername ] = useState(\"\");\n    const history = useHistory();\n    \n    const handlePostButton = async ()=>{\n\n        if( postTitle.length <1  ){\n            alert(\"Missing a title\");\n            \n        }\n        else if( postContent.length < 1 ){\n          alert(\"Missing post content\");\n            \n        }\n        else if( postUsername.length <1 ){\n          alert(\"Missing username\");\n            \n        }\n        else{\n           \n            \n            const response = await axios.post(\"https://serverless-api.asd908433289.workers.dev/newPost\", { postTitle: postTitle, postContent: postContent, postUsername: postUsername } );\n            if( !response.data === \"success\"){\n              alert(\"Failed to submit post to backend.\");\n              \n            }\n            else{\n              alert(\"Successfully submitted post to backend.\");\n              history.go(0);\n            }\n        }\n    }\n\n    return (\n        \n          <Form style={{backgroundColor:\"lightyellow\", width:\"50%\"}} >\n            <Form.Group className={classes.formGroup} >\n              <Form.Label>Post Title: </Form.Label>\n              <Form.Control className={classes.formControl}\n                value={postTitle}\n                onChange={(e)=>{ setPostTitle(e.target.value); }}\n              />\n            </Form.Group>\n  \n            <Form.Group className={classes.formGroup} >\n              <Form.Label>Post Content: </Form.Label>\n              <Form.Control className={classes.formControl}\n                as=\"textarea\"\n                style={{height:\"300px\"}}\n                value={postContent}\n                onChange={(e)=>{setPostContent(e.target.value);}}\n              />\n            </Form.Group>\n  \n            <Form.Group className={classes.formGroup}>\n              <Form.Label>Username: </Form.Label>\n              <Form.Control className={classes.formControl}\n                value={postUsername}\n                onChange={(e)=>{setPostUsername(e.target.value);}}\n              />\n            </Form.Group>\n  \n  \n            <Form.Group className={classes.formGroup} style={{justifyContent:\"center\", paddingLeft:\"5%\"}}>\n              <Button onClick={handlePostButton} style={{width:\"100px\"}} >Post</Button>\n            </Form.Group>\n  \n            \n          </Form>\n      \n      );\n}\n\nexport default PostForm;","\nimport {  Button, Card } from \"react-bootstrap\";\nconst Post = (props)=>{\n\n    return(\n        <Card style={{border:\"1px solid black\", margin:\"5px\", padding:\"3px\"}} >\n        <Card.Body >\n          <Card.Title style={{fontWeight:\"bold\"}} >{props.title}</Card.Title>\n          <Card.Text   >{props.content}</Card.Text>\n         \n          \n          <Card.Subtitle><i>{props.username}</i></Card.Subtitle>\n          \n        </Card.Body>\n      </Card>\n    );\n}\n\nexport default Post;","import { Fragment } from \"react\";\nimport Post from \"./Post\";\nimport axios from \"axios\";\nimport { useState, useEffect } from \"react\";\n\nconst PostsSection = ()=>{\n    const [posts, setPosts] = useState([]);\n    \n\n    async function postsRequest(){\n        const response = await axios.get(\"https://serverless-api.asd908433289.workers.dev/posts\");\n        setPosts(JSON.parse(\"[\"+ response.data +\"]\"));\n        \n    }\n\n    useEffect(()=>{\n        postsRequest();\n    },[]);\n\n\n    return(\n        <div className=\"PostsSection\" style={{margin:\"0rem\", width:\"50%\", backgroundColor:\"lightblue\"}} >\n            {posts.map((p,index)=> <Post key={index} title={p.postTitle} username={p.postUsername} content={p.postContent} ></Post> )}\n        </div>\n    );\n}\n\nexport default PostsSection;","import logo from './logo.svg';\nimport './App.css';\nimport PostForm from './Components/PostForm';\nimport PostsSection from './Components/PostsSection';\n\n\nconst  App = () =>{\n  \n\n  return (\n    <div className=\"App\" style={ { display:\"flex\", justifyContent:\"center\", alignItems:\"center\", height:\"100vh\" } } >\n      <div className=\"Content-Container\" style={{ display:\"flex\", width:\"1000px\", height:\"800px\" }} >\n        <PostsSection/>\n        <PostForm/>\n      </div>\n      \n    </div>\n  );\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 { BrowserRouter as Router } from 'react-router-dom'; \n\nReactDOM.render(\n  <Router>\n  <React.StrictMode>\n    <App />\n  </React.StrictMode> </Router>,\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":""}