{"version":3,"sources":["components/Header.js","firebase.js","components/NewRunForm.js","components/RunsList.js","App.js","index.js"],"names":["Header","href","firebase","initializeApp","apiKey","authDomain","projectId","storageBucket","messagingSenderId","appId","Filter","require","NewRunForm","useState","Date","now","date","setDate","title","setTitle","distance","setDistance","time","setTime","filter","className","onSubmit","e","preventDefault","firestore","collection","add","clean","then","type","name","onChange","currentTarget","value","placeholder","RunsList","runs","setRuns","useEffect","unsubscribe","onSnapshot","snapshot","newRuns","docs","map","doc","id","data","useRuns","length","run","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8OAaeA,MAXf,WACE,OACE,mCACE,mDACA,oCACK,mBAAGC,KAAK,qCAAR,gC,sBCMXC,IAASC,cATc,CACrBC,OAAQ,0CACRC,WAAY,iCACZC,UAAW,iBACXC,cAAe,6BACfC,kBAAmB,eACnBC,MAAO,8CAKMP,QAAf,ECbIQ,EAASC,EAAQ,IAiFNC,MA/Ef,WAAuB,IAAD,EACIC,mBAASC,KAAKC,OADlB,mBACbC,EADa,KACPC,EADO,OAEMJ,mBAAS,IAFf,mBAEbK,EAFa,KAENC,EAFM,OAGYN,mBAAS,IAHrB,mBAGbO,EAHa,KAGHC,EAHG,OAIIR,mBAAS,IAJb,mBAIbS,EAJa,KAIPC,EAJO,KAMdC,EAAS,IAAId,EAqBnB,OACE,qBAAKe,UAAU,0CAAf,SACE,qBAAKA,UAAU,YAAf,SACE,uBAAMC,SAtBS,SAACC,GACpBA,EAAEC,iBACF1B,EACG2B,YACAC,WAAW,QACXC,IAAI,CACHf,OACAE,MAAOM,EAAOQ,MAAMd,GACpBE,WACAE,SAEDW,MAAK,WACJhB,EAAQ,IACRE,EAAS,IACTE,EAAY,IACZE,EAAQ,QAOsBE,UAAU,cAAxC,UACE,qBAAKA,UAAU,cAAf,SACE,uBACES,KAAK,OACLC,KAAK,OACLV,UAAU,eACVW,SAAU,SAACT,GAAD,OAAOV,EAAQU,EAAEU,cAAcC,QACzCA,MAAOtB,MAGX,qBAAKS,UAAU,cAAf,SACE,uBACES,KAAK,OACLC,KAAK,QACLV,UAAU,eACVc,YAAY,QACZH,SAAU,SAACT,GAAD,OAAOR,EAASQ,EAAEU,cAAcC,QAC1CA,MAAOpB,MAGX,qBAAKO,UAAU,cAAf,SACE,uBACES,KAAK,SACLC,KAAK,WACLV,UAAU,eACVc,YAAY,WACZD,MAAOlB,EACPgB,SAAU,SAACT,GAAD,OAAON,EAAYM,EAAEU,cAAcC,YAGjD,qBAAKb,UAAU,cAAf,SACE,uBACES,KAAK,SACLC,KAAK,OACLV,UAAU,eACVc,YAAY,cACZD,MAAOhB,EACPc,SAAU,SAACT,GAAD,OAAOJ,EAAQI,EAAEU,cAAcC,YAG7C,qBAAKb,UAAU,cAAf,SACE,wBAAQA,UAAU,4BAAlB,+B,QCdGe,MAvCf,WACE,IAAMC,EApBQ,WAAO,IAAD,EACI5B,mBAAS,IADb,mBACb4B,EADa,KACPC,EADO,KAgBpB,OAbAC,qBAAU,WACR,IAAMC,EAAc1C,EACjB2B,YACAC,WAAW,QACXe,YAAW,SAACC,GACX,IAAMC,EAAUD,EAASE,KAAKC,KAAI,SAACC,GAAD,oBAChCC,GAAID,EAAIC,IACLD,EAAIE,WAETV,EAAQK,MAEZ,OAAO,kBAAMH,OACZ,IACIH,EAIMY,GACb,OACE,qBAAK5B,UAAU,YAAf,SACE,sBAAKA,UAAU,YAAf,UACE,oBAAIA,UAAU,mBAAd,uBACiB,IAAhBgB,EAAKa,OACJ,wBAAO7B,UAAU,wBAAjB,UACE,gCACE,+BACE,sCACA,uCACA,0CACA,qDAGJ,gCACGgB,EAAKQ,KAAI,SAACM,GACT,OACE,qBAAiB9B,UAAU,qBAA3B,UACE,6BAAK8B,EAAIvC,OACT,6BAAKuC,EAAIrC,QACT,+BAAKqC,EAAInC,SAAT,YACA,+BAAKmC,EAAIjC,KAAT,gBAJOiC,EAAIJ,YAWrB,mBAAG1B,UAAU,cAAb,SACE,mFChCG+B,MAVf,WACE,OACE,sBAAK/B,UAAU,0BAAf,UACE,cAAC,EAAD,IACA,cAAC,EAAD,IACA,cAAC,EAAD,QCXNgC,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,W","file":"static/js/main.6ae566a7.chunk.js","sourcesContent":["import React from 'react';\n\nfunction Header() {\n  return (\n    <header>\n      <h1>React Run Tracker</h1>\n      <p>\n        by <a href='https://www.twitter.com/jwhubert91'>@jwhubert91</a>\n      </p>\n    </header>\n  );\n}\n\nexport default Header;\n","import firebase from 'firebase';\nimport 'firebase/app';\n\n// Your web app's Firebase configuration\nconst firebaseConfig = {\n  apiKey: 'AIzaSyC6ZQK-6y1yVvoKIv47DqBYbSn4Ms6DgWo',\n  authDomain: 'run-tracker-v2.firebaseapp.com',\n  projectId: 'run-tracker-v2',\n  storageBucket: 'run-tracker-v2.appspot.com',\n  messagingSenderId: '717874014690',\n  appId: '1:717874014690:web:75437c61611ed33b9231bb',\n};\n// Initialize Firebase\nfirebase.initializeApp(firebaseConfig);\n\nexport default firebase;\n","import React, { useState } from 'react';\nimport firebase from '../firebase';\nvar Filter = require('bad-words');\n\nfunction NewRunForm() {\n  const [date, setDate] = useState(Date.now());\n  const [title, setTitle] = useState('');\n  const [distance, setDistance] = useState('');\n  const [time, setTime] = useState('');\n\n  const filter = new Filter();\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    firebase\n      .firestore()\n      .collection('runs')\n      .add({\n        date,\n        title: filter.clean(title),\n        distance,\n        time,\n      })\n      .then(() => {\n        setDate('');\n        setTitle('');\n        setDistance('');\n        setTime('');\n      });\n  };\n\n  return (\n    <div className='card border border-primary new-run-form'>\n      <div className='card-body'>\n        <form onSubmit={handleSubmit} className='form-inline'>\n          <div className='input-group'>\n            <input\n              type='date'\n              name='date'\n              className='form-control'\n              onChange={(e) => setDate(e.currentTarget.value)}\n              value={date}\n            />\n          </div>\n          <div className='input-group'>\n            <input\n              type='text'\n              name='title'\n              className='form-control'\n              placeholder='Title'\n              onChange={(e) => setTitle(e.currentTarget.value)}\n              value={title}\n            />\n          </div>\n          <div className='input-group'>\n            <input\n              type='number'\n              name='distance'\n              className='form-control'\n              placeholder='Distance'\n              value={distance}\n              onChange={(e) => setDistance(e.currentTarget.value)}\n            />\n          </div>\n          <div className='input-group'>\n            <input\n              type='number'\n              name='time'\n              className='form-control'\n              placeholder='Time (mins)'\n              value={time}\n              onChange={(e) => setTime(e.currentTarget.value)}\n            />\n          </div>\n          <div className='input-group'>\n            <button className='btn btn-block btn-success'>Add Run</button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n\nexport default NewRunForm;\n","import React, { useState, useEffect } from 'react';\nimport firebase from '../firebase';\n\nconst useRuns = () => {\n  const [runs, setRuns] = useState([]);\n\n  useEffect(() => {\n    const unsubscribe = firebase\n      .firestore()\n      .collection('runs')\n      .onSnapshot((snapshot) => {\n        const newRuns = snapshot.docs.map((doc) => ({\n          id: doc.id,\n          ...doc.data(),\n        }));\n        setRuns(newRuns);\n      });\n    return () => unsubscribe();\n  }, []);\n  return runs;\n};\n\nfunction RunsList() {\n  const runs = useRuns();\n  return (\n    <div className='card mt-4'>\n      <div className='card-body'>\n        <h3 className='runs-list-header'>Runs List</h3>\n        {runs.length !== 0 ? (\n          <table className='runs-list-table table'>\n            <thead>\n              <tr>\n                <th>Date</th>\n                <th>Title</th>\n                <th>Distance</th>\n                <th>Time (minutes)</th>\n              </tr>\n            </thead>\n            <tbody>\n              {runs.map((run) => {\n                return (\n                  <tr key={run.id} className='run-list-table-row'>\n                    <td>{run.date}</td>\n                    <td>{run.title}</td>\n                    <td>{run.distance} miles</td>\n                    <td>{run.time} minutes</td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        ) : (\n          <p className='text-center'>\n            <code>There are currently no runs to display.</code>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default RunsList;\n","import './App.css';\nimport Header from './components/Header';\nimport NewRunForm from './components/NewRunForm';\nimport RunsList from './components/RunsList';\n\n// firebase.firestore().collection('runs').add({\n//   date: Date.now(),\n//   time_minutes: 20,\n//   distance: 2.2,\n// });\n\nfunction App() {\n  return (\n    <div className='app-container container'>\n      <Header />\n      <NewRunForm />\n      <RunsList />\n    </div>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}