{"version":3,"sources":["constants/action_types.js","reducers/posts.js","reducers/index.js","styles.js","api/index.js","components/form/styles.js","components/form/form.js","actions/posts.js","components/postcontainer/posts/styles.js","components/postcontainer/posts/post/styles.js","components/postcontainer/posts/post/post.js","components/postcontainer/posts/posts.js","components/postcontainer/styles.js","components/postcontainer/postcontainer.js","app.js","index.js"],"names":["FETCH_ALL","POST","UPDATE","DELETE","SORT","post_handler","posts","action","type","payload","map","post","_id","filter","sorted_posts","hold","data","descending","sort","a","b","rating","console","log","combineReducers","makeStyles","theme","mainContainer","margin","padding","subContainer","url","fetchPosts","axios","get","createPost","post_data","updatePost","id","patch","deletePost","delete","paper","spacing","marginBottom","root_form","display","text_field","width","select","height","file_input_wrapper","file_input","Form","currentId","setCurrentId","useState","title","image","progress","comment","mal_post_data","setPostData","useSelector","state","find","classes","useStyles","dispatch","useDispatch","useEffect","clear","Paper","className","onSubmit","evt","preventDefault","api","Typography","variant","TextField","name","label","fullWidth","value","onChange","target","inputProps","maxLength","multiple","onDone","image_data","Button","submit_btn","color","size","text","post_image","Post","onClick","src","alt","Posts","length","posts_container","sort_button","PostContainer","setOrder","current_posts","sortPostsFrontend","sortPosts","Container","startIcon","App","store","createStore","reducers","compose","applyMiddleware","thunk","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.e324ee17.chunk.js","sourcesContent":["export const FETCH_ALL = \"FETCH_ALL\";\r\nexport const POST = \"POST\";\r\nexport const UPDATE = \"UPDATE\";\r\nexport const DELETE = \"DELETE\";\r\nexport const SORT = \"SORT\";","import { FETCH_ALL, POST, UPDATE, DELETE, SORT } from \"./../constants/action_types\";\r\n\r\nconst post_handler = (posts = [], action) =>\r\n{\r\n  switch (action.type)\r\n  {\r\n    case FETCH_ALL:\r\n      /**\r\n       * Return and store new array with all posts fetched from api\r\n       */\r\n      return action.payload;\r\n    case POST:\r\n      /**\r\n       * Return and store new array with all posts and the new post\r\n       */\r\n      return [...posts, action.payload];\r\n    case UPDATE:\r\n      /**\r\n       * To explain what the fuck is going on here\r\n       * This checks every post and checks if it was the one that was updated\r\n       * If it was updated it will return the payload, the return data from the api\r\n       * If it wasn't updated it will simply return the post as it was\r\n       */\r\n      return posts.map((post) => post._id === action.payload._id ? action.payload : post);\r\n    case DELETE:\r\n      /**\r\n       * Return and store new array with all posts that don't match the deleted post\r\n       */\r\n      return posts.filter((post) => post._id !== action.payload);\r\n    case SORT:\r\n      /**\r\n       * Return and store new array with all posts sorted by rating\r\n       * Sorted in descending or ascending order based on order type of action\r\n       */\r\n\r\n      const hold = [...action.payload.data];\r\n      let sorted_posts;\r\n\r\n      switch (action.payload.descending)\r\n      {\r\n        case true:\r\n          sorted_posts = hold.sort((a, b) => b.rating - a.rating);\r\n          break;\r\n        case false:\r\n          sorted_posts = hold.sort((a, b) => a.rating - b.rating);\r\n          break;\r\n        default:\r\n          console.log(\"How there would be a third option idk but the compiler keeps yelling at me\");\r\n      }\r\n      return sorted_posts;\r\n    default:\r\n      return posts;\r\n  }\r\n}\r\n\r\nexport default post_handler;\r\n","import { combineReducers } from \"redux\";\r\nimport posts from \"./posts\"\r\n\r\n/**\r\n * This actually says\r\n * export default combineReducers({\r\n *  posts : posts,\r\n * });\r\n */\r\nexport default combineReducers({ posts });","import { makeStyles } from \"@material-ui/core/styles\"\r\n\r\n//padding order: top right bottom left\r\n\r\nexport default makeStyles((theme) => ({\r\n  mainContainer: {\r\n    margin: \"0px\",\r\n    padding: \"5px 0 0 5px\",\r\n  },\r\n  subContainer: {\r\n    margin: \"0px\",\r\n    padding: \"0px\"\r\n  }\r\n}))\r\n","import axios from \"axios\";\r\n\r\nconst url = \"https://scuffedwebsite.com/mal/api/posts\";\r\nexport const fetchPosts = async () => await axios.get(url);\r\nexport const createPost = async (post_data) => await axios.post(url, post_data);\r\nexport const updatePost = async (id, post_data) => await axios.patch(`${url}/${id}`, post_data);\r\nexport const deletePost = async (id) => await axios.delete(`${url}/${id}`);","import { makeStyles } from \"@material-ui/core/styles\"\r\n\r\nexport default makeStyles((theme) => ({\r\n  paper: {\r\n    padding: theme.spacing(2),\r\n    marginBottom: \"10px\",\r\n  },\r\n  root_form: {\r\n    display: \"grid\",\r\n  },\r\n  text_field: {\r\n    width: \"100%\",\r\n    marginBottom: \"2px\"\r\n  },\r\n  select: {\r\n    height: \"23px\",\r\n    marginBottom: \"2px\"\r\n  },\r\n  file_input_wrapper: {\r\n    \"marginBottom\": \"2px\"\r\n  },\r\n  file_input: {\r\n  }\r\n}));\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { TextField, Button, Typography, Paper } from \"@material-ui/core\";\r\nimport FileBase from \"react-file-base64\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { createPost, updatePost } from \"./../../actions/posts\";\r\n\r\nimport useStyles from \"./styles\";\r\n\r\nconst Form = ({ currentId, setCurrentId }) =>\r\n{\r\n\r\n  //Setting progress to finished by default as it's going to be the most common by far\r\n  const [mal_post_data, setPostData] = useState({ title: \"\", rating: \"\", image: \"\", progress: \"Finished\", comment: \"\" });\r\n  const post = useSelector((state) => currentId ? state.posts.find((post) => post._id === currentId) : null);\r\n\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n\r\n\r\n  useEffect(() =>\r\n  {\r\n    if (post) setPostData(post);\r\n  }, [post])\r\n\r\n\r\n  const HandleSubmit = (evt) =>\r\n  {\r\n    evt.preventDefault();\r\n    if (currentId)\r\n    {\r\n      dispatch(updatePost(currentId, mal_post_data));\r\n    }\r\n    else\r\n    {\r\n      dispatch(createPost(mal_post_data));\r\n    }\r\n\r\n    clear();\r\n  }\r\n\r\n  const clear = () =>\r\n  {\r\n    setCurrentId(null);\r\n    setPostData({ title: \"\", rating: \"\", image: \"\", progress: \"Finished\", comment: \"\" });\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <Paper className={classes.paper}>\r\n        <form className={classes.root_form} onSubmit={HandleSubmit}>\r\n          {!currentId ? (<Typography variant=\"h6\">Post</Typography>) : (<Typography variant=\"h6\">Update</Typography>)}\r\n          <TextField className={classes.text_field} name=\"title\" variant=\"outlined\" label=\"Title\" fullWidth value={mal_post_data.title} onChange={(evt) => setPostData({ ...mal_post_data, title: evt.target.value })} />\r\n          <TextField className={classes.text_field} name=\"rating\" variant=\"outlined\" label=\"Rating\" fullWidth value={mal_post_data.rating} onChange={(evt) => setPostData({ ...mal_post_data, rating: evt.target.value })} />\r\n          <TextField inputProps={{ maxLength: 2000 }} className={classes.text_field} name=\"comment\" variant=\"outlined\" label=\"Comment\" fullWidth value={mal_post_data.comment} onChange={(evt) => setPostData({ ...mal_post_data, comment: evt.target.value })} />\r\n          <select className={classes.select} name=\"progress\" onChange={(evt) => setPostData({ ...mal_post_data, progress: evt.target.value })}>\r\n            <option value=\"Finished\">Finished</option>\r\n            <option value=\"Ongoing\">Ongoing</option>\r\n            <option value=\"Dropped\">Dropped</option>\r\n          </select>\r\n          <div className={classes.file_input_wrapper}>\r\n            <FileBase className={classes.file_input} type=\"file\" multiple={false} onDone={(image_data) => setPostData({ ...mal_post_data, image: image_data })} />\r\n          </div>\r\n          <Button className={classes.submit_btn} variant=\"contained\" color=\"primary\" size=\"large\" type=\"submit\" fullWidth >Submit</Button>\r\n        </form>\r\n      </Paper>\r\n    </div>\r\n  );\r\n}\r\n\r\n\r\nexport default Form;\r\n\r\n","import * as api from \"./../api/index\";\r\nimport { FETCH_ALL, POST, DELETE, UPDATE, SORT } from \"./../constants/action_types\";\r\n\r\nexport const getPosts = () => async (dispatch) => \r\n{\r\n  try\r\n  {\r\n    const { data } = await api.fetchPosts();\r\n    dispatch({ type: FETCH_ALL, payload: data });\r\n  }\r\n  catch (err)\r\n  {\r\n    console.log(err);\r\n  }\r\n}\r\n\r\nexport const createPost = (post) => async (dispatch) =>\r\n{\r\n  try\r\n  {\r\n    const { data } = await api.createPost(post);\r\n    dispatch({ type: POST, payload: data });\r\n  }\r\n  catch (err)\r\n  {\r\n    console.log(err);\r\n  }\r\n}\r\n\r\nexport const updatePost = (id, post) => async (dispatch) =>\r\n{\r\n  try\r\n  {\r\n    const { data } = await api.updatePost(id, post);\r\n    dispatch({ type: UPDATE, payload: data });\r\n  }\r\n  catch (err)\r\n  {\r\n    console.log(err);\r\n  }\r\n}\r\n\r\nexport const deletePost = (id) => async (dispatch) =>\r\n{\r\n  try\r\n  {\r\n    //duh delete doesn't fucking return anything that's why it wasn't working\r\n    await api.deletePost(id);\r\n    dispatch({ type: DELETE, payload: id });\r\n  }\r\n  catch (err)\r\n  {\r\n    console.log(err);\r\n  }\r\n}\r\n\r\nexport const sortPosts = (posts, descending) => async (dispatch) =>\r\n{\r\n  dispatch({ type: SORT, payload: { data: posts, descending: descending } });\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nexport default makeStyles(() => ({\r\n  mainContainer: {\r\n    display: \"inline-block\"\r\n  }\r\n}))","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nexport default makeStyles(() => ({\r\n  post: {\r\n    display: \"block\",\r\n    width: \"100%\",\r\n    \"overflowWrap\":\"break-word\"\r\n  },\r\n  text: {\r\n    \"display\": \"inline-block\"\r\n  },\r\n  post_image: {\r\n    width: \"100%\"\r\n  }\r\n}))","import { Paper, Typography, Button, Grid } from \"@material-ui/core\"\r\nimport { useDispatch } from \"react-redux\";\r\nimport useStyles from \"./styles\"\r\n\r\nimport { deletePost } from \"./../../../../actions/posts\";\r\n\r\nconst Post = ({ post, setCurrentId }) =>\r\n{\r\n\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n\r\n  return (\r\n    <Paper className={classes.post} variant=\"outlined\">\r\n      <Typography className={classes.text} variant=\"h6\">Title: {post.title}</Typography><br />\r\n      <Typography className={classes.text} variant=\"h6\">{post.progress}</Typography><br />\r\n      <Typography className={classes.text} variant=\"h6\">Score: {post.rating}</Typography><br />\r\n      <Typography className={classes.text} variant=\"h6\">Comments: {post.comment}</Typography><br />\r\n      <Button onClick={() => setCurrentId(post._id)}>Edit</Button>\r\n      <Button onClick={() => dispatch(deletePost(post._id))}>Delete</Button><br />\r\n      <img className={classes.post_image} src={post.image.src} alt=\"fuck\"></img>\r\n    </Paper>\r\n  );\r\n}\r\n\r\nexport default Post;","import React from 'react';\r\nimport { Grid } from \"@material-ui/core\";\r\nimport { useSelector } from \"react-redux\";\r\nimport useStyles from \"./styles\"\r\nimport Post from \"./post/post\";\r\n\r\nconst Posts = ({ setCurrentId }) =>\r\n{\r\n\r\n  const posts = useSelector((state) => state.posts);\r\n  const classes = useStyles();\r\n\r\n  /**\r\n   * If no posts display loading\r\n   * If posts loop through each and create an individual post element\r\n   */\r\n\r\n  return (\r\n    !posts.length ? <div><p>Loading...</p></div> : (\r\n      <div>\r\n        {posts.map((post) =>\r\n        (\r\n          <Post key={post._id} post={post} setCurrentId={setCurrentId}></Post>\r\n        ))}\r\n      </div>\r\n    )\r\n  );\r\n}\r\n\r\nexport default Posts;","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nexport default makeStyles(() => ({\r\n  posts_container: {\r\n    \"padding\": \"0 0 0 0\",\r\n    \"display\": \"block\",\r\n    \"width\": \"100%\"\r\n  },\r\n  sort_button: {\r\n    \"width\": \"25%\",\r\n    \"marginBottom\": \"10px\",\r\n    \"backgroundColor\": \"#fff\"\r\n  }\r\n}))","import React, { useState } from \"react\";\r\nimport { Container, Button } from \"@material-ui/core\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\n//import * as sortPostsFrontendIcon from \"@material-ui/icons/sortPostsFrontend\"\r\nimport Sort from \"@material-ui/icons/Sort\"\r\nimport Posts from \"./posts/posts\";\r\nimport useStyles from \"./styles\";\r\n\r\nimport { sortPosts } from \"./../../actions/posts\";\r\n\r\nconst PostContainer = ({ setCurrentId }) =>\r\n{\r\n  //Switches between descending and ascending post order based on rating\r\n  const [descending, setOrder] = useState(true);\r\n\r\n  const classes = useStyles();\r\n  const current_posts = useSelector((state) => state.posts);\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const sortPostsFrontend = (posts) =>\r\n  {\r\n    dispatch(sortPosts(posts, descending));\r\n    setOrder(!descending);\r\n  }\r\n\r\n  return (\r\n    <Container className={classes.posts_container}>\r\n      <Button className={classes.sort_button} variant=\"outlined\" size=\"medium\" color=\"primary\" startIcon={<Sort />} onClick={() => sortPostsFrontend(current_posts)} />\r\n      <Posts setCurrentId={setCurrentId} />\r\n    </Container>\r\n  );\r\n}\r\n\r\n\r\nexport default PostContainer;\r\n","import React, { useState, useEffect } from \"react\";\nimport { Container, Grow } from \"@material-ui/core\";\nimport { useDispatch } from \"react-redux\";\n//import Solus from \"./images/solus.jpg\";\nimport useStyles from \"./styles\";\n\nimport Form from \"./components/form/form\";\nimport PostContainer from \"./components/postcontainer/postcontainer\";\n\nimport { getPosts } from \"./actions/posts\";\n\nfunction App()\n{\n\n  const [currentId, setCurrentId] = useState(null);\n  const classes = useStyles();\n  const dispatch = useDispatch();\n\n  useEffect(() =>\n  {\n    dispatch(getPosts());\n  }, [dispatch])\n\n  return (\n    <Container className={classes.mainContainer}>\n      <Container className={classes.subContainer}>\n        <Form currentId={currentId} setCurrentId={setCurrentId} />\n        <PostContainer setCurrentId={setCurrentId} />\n      </Container>\n    </Container>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from \"react-redux\";\nimport { createStore, applyMiddleware, compose } from \"redux\";\nimport thunk from \"redux-thunk\";\n\nimport reducers from \"./reducers\"\n\nimport App from './app';\nimport './index.css';\n\n//store = global storage shared in entire app\n\nconst store = createStore(reducers, compose(applyMiddleware(thunk)));\n\nReactDOM.render(\n  <Provider store={store}>\n    <App />\n  </Provider>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}