{"version":3,"sources":["utils/postRequests.js","components/singlePost.js","components/imageUploader.js","utils/stateUpdate.js","components/friendsHeader.js","components/posts.js","components/comments.js","components/post.js","App.js","reportWebVitals.js","index.js"],"names":["baseURL","postRequest","endpoint","a","body","fetch","JSON","stringify","response","json","jsonR","getRequest","resp","postsResp","Post","postResp","useState","post","setPost","useEffect","upvotes","downvotes","incrementVote","action","state","vote","id","postId","console","error","message","openPost","path","navigate","Object","keys","length","Card","fluid","onClick","Image","src","mediaContent","size","wrapped","centered","Content","Header","title","Meta","username","Description","textContent","extra","Button","Group","basic","icon","CloudinaryUploadWidget","setImageURL","myWidget","window","cloudinary","createUploadWidget","cloudName","uploadPreset","sources","result","event","info","secure_url","document","getElementById","addEventListener","open","className","appendToStateArray","setStateFunction","newElements","appendInFront","friendsHeader","as","textAlign","Icon","name","circular","Divider","section","Posts","posts","setPosts","morePostsRemaining","setMorePostsRemaining","cursor","setCursor","posting","setPosting","setTextContent","setMediaContent","setTitle","setusername","getPosts","success","list_complete","handleChangeMap","handleChange","e","value","addPost","undefined","newPost","log","LoadMore","props","morePosts","primary","Container","Grid","divided","columns","GridRow","GridColumn","width","Segment","CardGroup","map","dividing","hidden","Form","loading","onSubmit","Input","label","onChange","TextArea","padded","content","labelPosition","Comments","commentsList","comments","setComments","setUsername","newComment","setNewComment","isSubmitting","setIsSubmitting","postComment","commentToPost","comment","newCommentToAppend","commentId","handleSubmit","Comment","raised","Author","Text","getPost","stackable","to","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode"],"mappings":"uQAAMA,EAAU,8CAEHC,EAAc,eAACC,EAAD,uDAAY,GAAZ,6BAAmB,4CAAAC,EAAA,6DAAOC,EAAP,+BAAc,GAAd,SACrBC,MAAM,GAAD,OAAIL,GAAJ,OAAcE,GAAY,CACpD,OAAU,OACV,QAAW,CACT,eAAgB,oBAElBE,KAAME,KAAKC,UAAUH,KANqB,cACtCI,EADsC,gBAQxBA,EAASC,OARe,cAQtCC,EARsC,yBASrCA,GATqC,4CAYjCC,EAAa,eAACT,EAAD,uDAAY,GAAZ,6BAAmB,8BAAAC,EAAA,sEACxBE,MAAM,GAAD,OAAIL,GAAJ,OAAcE,IADK,cACrCU,EADqC,gBAEnBA,EAAKH,OAFc,cAErCI,EAFqC,yBAGpCA,GAHoC,4C,OCyD9BC,EAlEF,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SACd,EAAwBC,mBAAS,IAAjC,mBAAOC,EAAP,KAAaC,EAAb,KAEAC,qBAAU,WACRD,EAAQ,2BACHH,GADE,IAELK,QAAUL,EAASK,SAAW,EAC9BC,UAAYN,EAASM,WAAa,OAEnC,IAEH,IAAMC,EAAgB,SAACC,GACrBL,GAAQ,SAACM,GAAD,mBAAC,eACDA,GAAS,IADT,4BAEAD,EAFA,KAEYC,EAAM,GAAD,OAAID,EAAJ,MAAiB,QAKtCE,EAAO,SAACC,GAAD,OAAQ,SAACH,GAAD,6BAAY,4BAAApB,EAAA,6DACzBC,EAAO,CACXuB,OAAQD,EACRH,UAH6B,kBAMNtB,EAAY,OAAZA,CAAoBG,GANd,cAO7BkB,EAAcC,GAPe,gDAS7BK,QAAQC,MAAM,KAAEC,SATa,2DAa3BC,EAAW,SAACL,GAAD,OAAQ,WACvB,IAAMM,EAAI,iBAAaN,GACvBO,YAASD,KAGX,OAAKE,OAAOC,KAAKlB,GAAMmB,OAKnB,eAACC,EAAA,EAAD,CAAMC,OAAK,EAACC,QAAS,aAArB,UACE,cAACC,EAAA,EAAD,CAAOD,QAASR,EAASd,EAAKS,IAAKe,IAAKxB,EAAKyB,aAAcC,KAAK,SAASC,SAAO,EAACC,UAAQ,IACzF,eAACR,EAAA,EAAKS,QAAN,CAAcP,QAASR,EAASd,EAAKS,IAArC,UACE,cAACW,EAAA,EAAKU,OAAN,UAAc9B,EAAK+B,QACnB,cAACX,EAAA,EAAKY,KAAN,UAAYhC,EAAKiC,WACjB,cAACb,EAAA,EAAKc,YAAN,UACGlC,EAAKmC,iBAGV,cAACf,EAAA,EAAKS,QAAN,CAAcO,OAAK,EAAnB,SACE,eAACC,EAAA,EAAOC,MAAR,CAAcC,OAAK,EAACb,KAAK,QAAzB,UACE,eAACW,EAAA,EAAD,CAAQG,KAAK,WAAWlB,QAASd,EAAKR,EAAKS,GAAVD,CAAc,UAA/C,UACGR,EAAKG,SAAW,EADnB,cAGA,eAACkC,EAAA,EAAD,CAAQG,KAAK,aAAalB,QAASd,EAAKR,EAAKS,GAAVD,CAAc,YAAjD,UACGR,EAAKI,WAAa,EADrB,wBAnB4B,yB,wECRzBqC,EA/BgB,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,YAwBhC,OAtBAxC,qBAAU,WACR,IAAMyC,EAAWC,OAAOC,WAAWC,mBACjC,CACEC,UAAW,YACXC,aAAc,WACdC,QAAS,CAAC,QAAS,SAAU,MAAO,kBAEtC,SAACrC,EAAOsC,IACDtC,GAASsC,GAA2B,YAAjBA,EAAOC,OAC7BT,EAAYQ,EAAOE,KAAKC,eAI9BC,SAASC,eAAe,iBAAiBC,iBACvC,SACA,WACEb,EAASc,UAEX,KAED,IAGD,cAACpB,EAAA,EAAD,CAAQhB,OAAK,EAACZ,GAAG,gBAAgBiD,UAAU,oBAA3C,wB,QC5BSC,EAAqB,SAACC,GAAD,OAAsB,WAA8C,IAA7CC,EAA4C,uDAA9B,GAAIC,EAA0B,wDAEjGF,EADEE,EACe,SAAAvD,GAAK,4BAAQsD,GAAR,YAAwBtD,KAE7B,SAAAA,GAAK,4BAAQA,GAAR,YAAkBsD,Q,iBCU7BE,EAZO,WACpB,OACE,qCACE,eAACjC,EAAA,EAAD,CAAQkC,GAAG,KAAKxB,MAAI,EAACyB,UAAU,SAA/B,UACE,cAACC,EAAA,EAAD,CAAMC,KAAK,QAAQC,UAAQ,IAC3B,cAACtC,EAAA,EAAOD,QAAR,yBAEF,cAACwC,EAAA,EAAD,CAASC,SAAO,QC+GPC,EAhHD,WACZ,MAA0BxE,mBAAS,IAAnC,mBAAOyE,EAAP,KAAcC,EAAd,KACA,EAAoD1E,oBAAS,GAA7D,mBAAO2E,EAAP,KAA2BC,EAA3B,KACA,EAA4B5E,mBAAS,IAArC,mBAAO6E,EAAP,KAAeC,EAAf,KACA,EAA8B9E,oBAAS,GAAvC,mBAAO+E,EAAP,KAAgBC,EAAhB,KACA,EAAsChF,mBAAS,IAA/C,mBAAOoC,EAAP,KAAoB6C,EAApB,KACA,EAAwCjF,mBAAS,IAAjD,mBAAO0B,EAAP,KAAqBwD,EAArB,KACA,EAA0BlF,mBAAS,IAAnC,mBAAOgC,EAAP,KAAcmD,EAAd,KACA,EAAgCnF,mBAAS,IAAzC,mBAAOkC,EAAP,KAAiBkD,EAAjB,KAEMC,EAAQ,uCAAG,4BAAAlG,EAAA,sEACQQ,EAAW,gBAAD,OAAiBkF,EAAjB,aAAVlF,GADR,OACTH,EADS,OAEfoF,EAAsBpF,EAAS8F,UAAY9F,EAAS+F,eACpD3B,EAAmBc,EAAnBd,CAA6BpE,EAASiF,OACtCK,EAAUtF,EAASqF,QAJJ,2CAAH,qDAORW,GAAkB,CACtBtD,SAAUkD,EACVhD,YAAa6C,EACbvD,aAAcwD,EACdlD,MAAOmD,GAGHM,GAAe,SAACC,EAAD,GAAyB,IAAnBtB,EAAkB,EAAlBA,KAAMuB,EAAY,EAAZA,MAC/BH,GAAgBpB,GAAMuB,IAGlBC,GAAO,uCAAG,gCAAAzG,EAAA,6DACRC,EAAO,CACX4C,QACAE,WACAE,cACAV,aAAcA,QAAgBmE,GALlB,kBAQW5G,EAAY,QAAZA,CAAqBG,GARhC,OAQNI,EARM,OASNsG,EAAU,CACd9D,QACAE,WACAE,cACAV,eACAhB,GAAIlB,EAASmB,QAEfiD,EAAmBc,EAAnBd,CAA6B,CAACkC,IAAU,GAhB5B,gDAkBZlF,QAAQmF,IAAR,MAlBY,yBAoBZf,GAAW,GACXI,EAAY,IACZH,EAAe,IACfC,EAAgB,IAChBC,EAAS,IAxBG,4EAAH,qDA4Bb,SAASa,GAASC,GAEhB,OADqBA,EAAMC,UAElB,cAAC5D,EAAA,EAAD,CAAQ6D,SAAO,EAAC7E,OAAK,EAACC,QAAS8D,EAA/B,6BAEF,6BAOT,OAJAlF,qBAAU,WACRkF,MACC,IAGD,eAACe,EAAA,EAAD,WACE,cAAC,EAAD,IACA,eAACC,EAAA,EAAD,CAAMC,SAAO,EAACC,QAAQ,QAAtB,UACE,eAACC,EAAA,EAAD,WACE,eAACC,EAAA,EAAD,CAAYC,MAAM,KAAlB,UACGjC,EAAMrD,OAAS,EAAI,6BAAQ,cAACuF,EAAA,EAAD,CAASzC,UAAU,SAAnB,8BAC5B,cAAC0C,EAAA,EAAD,UACGnC,EAAMoC,KAAI,SAAC5G,GAAD,OACT,cAAC,EAAD,CAA0BF,SAAUE,GAAnBA,EAAKS,YAI5B,eAAC+F,EAAA,EAAD,WACE,cAAC1E,EAAA,EAAD,CAAQkC,GAAG,KAAK6C,UAAQ,EAAxB,4BAGA,eAACH,EAAA,EAAD,WACE,cAACnF,EAAA,EAAD,CAAOuF,QAASrF,EAAcD,IAAKC,EAAcC,KAAK,SAASC,SAAO,EAACC,UAAQ,IAC/E,eAACmF,EAAA,EAAD,CAAMC,QAASlC,EAASmC,SAAUtB,GAAlC,UAEE,cAACoB,EAAA,EAAKG,MAAN,CAAYC,MAAM,WAAWhD,KAAK,WAAWuB,MAAOzD,EAAUmF,SAAU5B,KACxE,cAACuB,EAAA,EAAKG,MAAN,CAAYC,MAAM,QAAQhD,KAAK,QAAQuB,MAAO3D,EAAOqF,SAAU5B,KAC/D,cAACuB,EAAA,EAAKM,SAAN,CAAeF,MAAM,OAAOhD,KAAK,cAAcuB,MAAOvD,EAAaiF,SAAU5B,WAGjF,cAACkB,EAAA,EAAD,CAASnE,OAAK,EAAd,SACI,cAAC,EAAD,CAAwBG,YAAauC,MAEvC,cAACyB,EAAA,EAAD,CAASnE,OAAK,EAAC+E,QAAM,EAArB,SACE,cAACP,EAAA,EAAD,CAAMC,QAASlC,EAASmC,SAAUtB,GAAlC,SACE,cAACtD,EAAA,EAAD,CAAQhB,OAAK,EAACkG,QAAQ,WAAWC,cAAc,OAAOhF,KAAK,OAAO0D,SAAO,cAKnF,cAACK,EAAA,EAAD,UACE,cAACR,GAAD,CAAUE,UAAWvB,a,SC7BhB+C,EA/EE,SAAC,GAA8B,IAA5BC,EAA2B,EAA3BA,aAAchH,EAAa,EAAbA,OAEhC,EAAgCX,mBAAS,IAAzC,mBAAO4H,EAAP,KAAiBC,EAAjB,KAEA,EAAgC7H,mBAAS,IAAzC,mBAAOkC,EAAP,KAAiB4F,EAAjB,KACA,EAAoC9H,mBAAS,IAA7C,mBAAO+H,EAAP,KAAmBC,EAAnB,KACA,EAAwChI,oBAAS,GAAjD,mBAAOiI,EAAP,KAAqBC,EAArB,KAEMC,EAAW,uCAAG,WAAOC,GAAP,mBAAAjJ,EAAA,6DACZC,EAAO,CACXiJ,QAASD,EACTzH,UAHgB,kBAMO1B,EAAY,UAAZA,CAAuBG,GAN9B,OAMVI,EANU,OAOV8I,EAAqB,CACzBpG,WACAE,YAAa2F,EACbrH,GAAIlB,EAAS+I,WAEf3E,EAAmBiE,EAAnBjE,CAAgC,CAAC0E,IAZjB,gDAchB1H,QAAQmF,IAAR,MAdgB,yBAgBhBmC,GAAgB,GAChBJ,EAAY,IACZE,EAAc,IAlBE,4EAAH,sDAsBXxC,EAAkB,CACtBtD,SAAU4F,EACVC,WAAYC,GAGRvC,EAAe,SAACC,EAAD,GAAyB,IAAnBtB,EAAkB,EAAlBA,KAAMuB,EAAY,EAAZA,MAC/BH,EAAgBpB,GAAMuB,IAGlB6C,EAAY,uCAAG,sBAAArJ,EAAA,6DACnB+I,GAAgB,GADG,SAEbC,EAAY,CAAEjG,WAAUE,YAAa2F,IAFxB,2CAAH,qDASlB,OAJA5H,qBAAU,WACR0H,EAAYF,GAAgB,MAC3B,IAGD,eAACc,EAAA,EAAQlG,MAAT,WACE,cAACR,EAAA,EAAD,CAAQkC,GAAG,KAAK6C,UAAQ,EAAxB,uBAGEc,GAAY,IAAIf,KAAI,SAACwB,GAAD,OACpB,cAAC1B,EAAA,EAAD,CAAS+B,QAAM,EAAf,SACE,cAACD,EAAA,EAAD,UACE,eAACA,EAAA,EAAQ3G,QAAT,WACE,cAAC2G,EAAA,EAAQE,OAAT,UACGN,EAAQnG,WAEX,cAACuG,EAAA,EAAQG,KAAT,UACGP,EAAQjG,wBAMnB,cAACL,EAAA,EAAD,CAAQkC,GAAG,KAAK6C,UAAQ,EAAxB,+BAGA,eAACE,EAAA,EAAD,CAAMrF,KAAK,QAAQsF,QAASgB,EAAcf,SAAUsB,EAApD,UACE,cAACxB,EAAA,EAAKG,MAAN,CAAYC,MAAM,WAAWhD,KAAK,WAAWuB,MAAOzD,EAAUmF,SAAU5B,IACxE,cAACuB,EAAA,EAAKM,SAAN,CAAeF,MAAM,UAAUhD,KAAK,aAAauB,MAAOoC,EAAYV,SAAU5B,IAC9E,cAACnD,EAAA,EAAD,CAAQkF,QAAQ,cAAcC,cAAc,OAAOhF,KAAK,OAAO0D,SAAO,WCjC/DrG,EArCF,SAAC,GAAY,IAAVY,EAAS,EAATA,GACd,EAAwBV,mBAAS,IAAjC,mBAAOC,EAAP,KAAaC,EAAb,KAWA,OATAC,qBAAU,WACR,IAAM0I,EAAO,uCAAG,4BAAA1J,EAAA,sEACSQ,EAAW,YAAD,OAAae,GAAvBf,GADT,OACRI,EADQ,OAEdG,EAAQH,GAFM,2CAAH,qDAKb8I,MACC,CAACnI,IAECQ,OAAOC,KAAKlB,GAAMmB,OAGrB,8BACE,eAACgF,EAAA,EAAD,WACA,cAAC,EAAD,IACA,cAAC9B,EAAA,EAAD,CAASC,SAAO,IACd,eAAC8B,EAAA,EAAD,CAAMyC,WAAS,EAACvC,QAAS,EAAzB,UACE,eAACC,EAAA,EAAD,WACE,cAACC,EAAA,EAAD,UACJ,cAAC,EAAD,CAAY1G,SAAQ,2BAAME,GAAN,IAAYS,WAEhC,cAAC+F,EAAA,EAAD,UACA,cAAC,EAAD,CAAUkB,aAAc1H,EAAK2H,SAAUjH,OAAQD,SAG/C,cAAC8F,EAAA,EAAD,UACA,cAAC,IAAD,CAAMuC,GAAG,IAAT,SAAa,cAACzG,EAAA,EAAD,CAAQ6D,SAAO,EAAf,iCAjBmB,yBCNzB6C,MATf,WACE,OACE,eAAC,IAAD,WACE,cAAC,EAAD,CAAOhI,KAAK,MACZ,cAAC,EAAD,CAAMA,KAAK,mBCGFiI,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,8BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,O,OCAdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFrG,SAASC,eAAe,SAM1ByF,M","file":"static/js/main.41308b54.chunk.js","sourcesContent":["const baseURL = 'https://my-worker.priyadarshan.workers.dev/';\n\nexport const postRequest = (endpoint = '') => async (body = {}) => {\n  const response = await fetch(`${baseURL}${endpoint}`, {\n    \"method\": \"POST\",\n    \"headers\": {\n      \"Content-Type\": \"application/json\"\n    },\n    body: JSON.stringify(body)\n  });\n  const jsonR = await response.json();\n  return jsonR;\n};\n\nexport const getRequest = (endpoint = '') => async () => {\n  const resp = await fetch(`${baseURL}${endpoint}`);\n  const postsResp = await resp.json();\n  return postsResp;\n};\n","import React, { useEffect, useState } from \"react\";\nimport { navigate } from \"@reach/router\";\nimport { Card, Image, Button } from 'semantic-ui-react'\nimport { postRequest } from \"../utils/postRequests\";\n\nconst Post = ({ postResp }) => {\n  const [post, setPost] = useState({});\n\n  useEffect(() => {\n    setPost({\n      ...postResp,\n      upvotes: (postResp.upvotes || 0),\n      downvotes: (postResp.downvotes || 0)\n    });\n  }, []);\n\n  const incrementVote = (action) => {\n    setPost((state) =>  ({\n        ...(state || {}),\n        [`${action}s`]: state[`${action}s`] + 1\n      })\n    )\n  }\n\n  const vote = (id) => (action) => async () => {\n    const body = {\n      postId: id,\n      action\n    };\n    try {\n      const response = await postRequest(`vote`)(body);\n      incrementVote(action);\n    } catch (e) {\n      console.error(e.message);\n    }\n  }\n\n  const openPost = (id) => () => {\n    const path = `/posts/${id}`;\n    navigate(path);\n  }\n\n  if (!Object.keys(post).length) return <div />;\n\n  return (\n\n\n      <Card fluid onClick={() => { }}>\n        <Image onClick={openPost(post.id)} src={post.mediaContent} size='medium' wrapped centered />\n        <Card.Content onClick={openPost(post.id)}>\n          <Card.Header>{post.title}</Card.Header>\n          <Card.Meta>{post.username}</Card.Meta>\n          <Card.Description>\n            {post.textContent}\n          </Card.Description>\n        </Card.Content>\n        <Card.Content extra>\n          <Button.Group basic size='small'>\n            <Button icon='arrow up' onClick={vote(post.id)('upvote')}>\n              {post.upvotes || 0} upvotes\n            </Button>\n            <Button icon='arrow down' onClick={vote(post.id)('downvote')}>\n              {post.downvotes || 0} downvotes\n            </Button>\n          </Button.Group>\n        </Card.Content>\n      </Card>\n    // </Container>\n  );\n};\n\nexport default Post;","import React, { useEffect } from \"react\";\nimport { Button } from \"semantic-ui-react\";\n\nconst CloudinaryUploadWidget = ({ setImageURL }) => {\n\n  useEffect(() => {\n    const myWidget = window.cloudinary.createUploadWidget(\n      {\n        cloudName: \"da0m5civo\",\n        uploadPreset: \"t0yuqccq\",\n        sources: ['local', 'camera', 'url', 'google_drive']\n      },\n      (error, result) => {\n        if (!error && result && result.event === \"success\") {\n          setImageURL(result.info.secure_url);\n        }\n      }\n    );\n    document.getElementById(\"upload_widget\").addEventListener(\n      \"click\",\n      function () {\n        myWidget.open();\n      },\n      false\n    );\n  }, []);\n\n  return (\n    <Button fluid id=\"upload_widget\" className=\"cloudinary-button\">\n      Add Image\n    </Button>\n  );\n}\n\nexport default CloudinaryUploadWidget;\n","export const appendToStateArray = (setStateFunction) => (newElements = [], appendInFront = false) => {\n  if (appendInFront) {\n    setStateFunction(state => [...newElements, ...state]);\n  } else {\n    setStateFunction(state => [...state, ...newElements]);\n  }\n};\n","import { Header, Icon, Divider } from \"semantic-ui-react\";\n\nconst friendsHeader = () => {\n  return (\n    <>\n      <Header as='h2' icon textAlign='center'>\n        <Icon name='users' circular />\n        <Header.Content>Friends</Header.Content>\n      </Header>\n      <Divider section />\n    </>\n  )\n};\n\nexport default friendsHeader;\n","import React, { useEffect, useState } from \"react\";\nimport SinglePost from './singlePost';\nimport { CardGroup, Button, Grid, GridColumn, GridRow, Header, Icon, Container, Form, Image, Segment, Divider } from \"semantic-ui-react\";\nimport CloudinaryUploadWidget from './imageUploader';\nimport { getRequest, postRequest } from \"../utils/postRequests\";\nimport { appendToStateArray } from \"../utils/stateUpdate\";\nimport FriendsHeader from \"./friendsHeader\";\n\nconst Posts = () => {\n  const [posts, setPosts] = useState([]);\n  const [morePostsRemaining, setMorePostsRemaining] = useState(false);\n  const [cursor, setCursor] = useState('');\n  const [posting, setPosting] = useState(false);\n  const [textContent, setTextContent] = useState('');\n  const [mediaContent, setMediaContent] = useState('');\n  const [title, setTitle] = useState('');\n  const [username, setusername] = useState('');\n\n  const getPosts = async () => {\n    const response = await getRequest(`posts?cursor=${cursor}&limit=10`)();\n    setMorePostsRemaining(response.success && !response.list_complete);\n    appendToStateArray(setPosts)(response.posts);\n    setCursor(response.cursor);\n  };\n\n  const handleChangeMap = {\n    username: setusername,\n    textContent: setTextContent,\n    mediaContent: setMediaContent,\n    title: setTitle\n  }\n\n  const handleChange = (e, { name, value }) => {\n    handleChangeMap[name](value)\n  };\n\n  const addPost = async () => {\n    const body = {\n      title,\n      username,\n      textContent,\n      mediaContent: mediaContent || undefined\n    };\n    try {\n      const response = await postRequest(`posts`)(body);\n      const newPost = {\n        title,\n        username,\n        textContent,\n        mediaContent,\n        id: response.postId\n      };\n      appendToStateArray(setPosts)([newPost], true);\n    } catch (e) {\n      console.log(e)\n    } finally {\n      setPosting(false);\n      setusername('');\n      setTextContent('');\n      setMediaContent('');\n      setTitle('');\n    }\n  }\n\n  function LoadMore(props) {\n    const anyMorePosts = props.morePosts;\n    if (anyMorePosts) {\n      return <Button primary fluid onClick={getPosts}>Load More Posts</Button>;\n    }\n    return <></>;\n  }\n\n  useEffect(() => {\n    getPosts();\n  }, []);\n\n  return (\n    <Container>\n      <FriendsHeader />\n      <Grid divided columns='equal'>\n        <GridRow>\n          <GridColumn width='12'>\n            {posts.length > 0 ? <></> : <Segment textAlign='center'>No posts to show</Segment>}\n            <CardGroup >\n              {posts.map((post) => (\n                <SinglePost key={post.id} postResp={post} />\n              ))}\n            </CardGroup>\n          </GridColumn>\n          <GridColumn >\n            <Header as='h3' dividing>\n              Add a new Post\n            </Header>\n            <Segment>\n              <Image hidden={!mediaContent} src={mediaContent} size='medium' wrapped centered />\n              <Form loading={posting} onSubmit={addPost}>\n\n                <Form.Input label='Username' name='username' value={username} onChange={handleChange} />\n                <Form.Input label='Title' name='title' value={title} onChange={handleChange} />\n                <Form.TextArea label='Post' name='textContent' value={textContent} onChange={handleChange} />\n              </Form>\n            </Segment>\n            <Segment basic>\n                <CloudinaryUploadWidget setImageURL={setMediaContent} />  \n                </Segment>\n              <Segment basic padded>\n                <Form loading={posting} onSubmit={addPost}>\n                  <Button fluid content='Add Post' labelPosition='left' icon='send' primary />\n                </Form>\n            </Segment>\n          </GridColumn>\n        </GridRow>\n        <GridRow>\n          <LoadMore morePosts={morePostsRemaining} />\n        </GridRow>\n      </Grid>\n    </Container>\n  );\n};\n\nexport default Posts;","import React, { useEffect, useState } from 'react'\nimport { Button, Comment, Form, Header, Segment } from 'semantic-ui-react'\nimport { postRequest } from '../utils/postRequests';\nimport { appendToStateArray } from \"../utils/stateUpdate\";\n\nconst Comments = ({ commentsList, postId }) => {\n\n  const [comments, setComments] = useState([]);\n\n  const [username, setUsername] = useState('');\n  const [newComment, setNewComment] = useState('');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const postComment = async (commentToPost) => {\n    const body = {\n      comment: commentToPost,\n      postId\n    };\n    try {\n      const response = await postRequest(`comment`)(body);\n      const newCommentToAppend = {\n        username,\n        textContent: newComment,\n        id: response.commentId\n      };\n      appendToStateArray(setComments)([newCommentToAppend]);\n    } catch (e) {\n      console.log(e)\n    } finally {\n      setIsSubmitting(false);\n      setUsername('');\n      setNewComment('');\n    }\n  }\n\n  const handleChangeMap = {\n    username: setUsername,\n    newComment: setNewComment\n  }\n\n  const handleChange = (e, { name, value }) => {\n    handleChangeMap[name](value)\n  };\n\n  const handleSubmit = async () => {\n    setIsSubmitting(true);\n    await postComment({ username, textContent: newComment });\n  };\n\n  useEffect(() => {\n    setComments(commentsList || []);\n  }, []);\n\n  return (\n    <Comment.Group>\n      <Header as='h3' dividing>\n        Comments\n      </Header>\n      {(comments || []).map((comment) => (\n        <Segment raised>\n          <Comment>\n            <Comment.Content>\n              <Comment.Author>\n                {comment.username}\n              </Comment.Author>\n              <Comment.Text>\n                {comment.textContent}\n              </Comment.Text>\n            </Comment.Content>\n          </Comment>\n        </Segment>\n      ))}\n      <Header as='h3' dividing>\n        Add a new comment\n      </Header>\n      <Form size='small' loading={isSubmitting} onSubmit={handleSubmit}>\n        <Form.Input label='Username' name='username' value={username} onChange={handleChange} />\n        <Form.TextArea label='Comment' name='newComment' value={newComment} onChange={handleChange} />\n        <Button content='Add Comment' labelPosition='left' icon='edit' primary />\n      </Form>\n    </Comment.Group>\n  )\n}\n\nexport default Comments;","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"@reach/router\";\nimport SinglePost from './singlePost';\nimport { Container, Button, Grid, GridRow, GridColumn, Header, Icon, Divider } from \"semantic-ui-react\";\nimport Comments from \"./comments\";\nimport { getRequest } from \"../utils/postRequests\";\nimport FriendsHeader from \"./friendsHeader\";\n\nconst Post = ({ id }) => {\n  const [post, setPost] = useState({});\n\n  useEffect(() => {\n    const getPost = async () => {\n      const postResp = await getRequest(`posts?id=${id}`)();\n      setPost(postResp);\n    };\n\n    getPost();\n  }, [id]);\n\n  if (!Object.keys(post).length) return <div />;\n\n  return (\n    <div>\n      <Container>\n      <FriendsHeader />\n      <Divider section/>\n        <Grid stackable columns={2}>\n          <GridRow>\n            <GridColumn>\n        <SinglePost postResp={{...post, id}}/>\n        </GridColumn>\n        <GridColumn>\n        <Comments commentsList={post.comments} postId={id}/>\n        </GridColumn>\n        </GridRow>\n        <GridRow>\n        <Link to=\"/\"><Button primary>Go back</Button></Link>\n        </GridRow>\n        </Grid>\n      </Container>\n    </div>\n  );\n};\n\nexport default Post;","import { Router } from \"@reach/router\";\n\nimport Posts from './components/posts'\nimport Post from './components/post'\n\nfunction App() {\n  return (\n    <Router>\n      <Posts path=\"/\" />\n      <Post path=\"/posts/:id\" />\n    </Router>\n  );\n}\n\nexport default App;","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 'semantic-ui-css/semantic.min.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":""}