\n
\n {/*
*/}\n\n
\n
Exercise Library
\n
\n
\n \n All Muscles\n \n Abs \n Back \n Biceps \n Calves \n Chest \n Glutes \n Hamstrings \n Quadriceps \n Shoulders \n Triceps \n Trapezius \n Lower Back \n Abductors \n Adductors \n Forearms \n Neck \n \n \n \n \n\n setSearchValue(e.target.value)}\n />\n
\n Library{location === \"exercises\" && Create Exercise }
\n\n\n \n {/*
*/}\n\n\n {filteredExercises &&\n filteredExercises.map((exercise, i) => (\n
\n onClickExercise(exercise)}\n >\n ex.id === exercise.id) ? \"verticalLine\" : \"\"}`}>\n
{exercise.title}
\n
\n {muscleNumberToName(exercise.primary)}\n
\n
\n ))}\n
\n
\n {location !== \"exercises\" &&\n<>\n
\n
\n\n \n onClickCancel()}\n >\n Cancel\n \n
\n
\n onClickAddExercise(selectedExercises)}\n disabled={selectedExercises.length < 1 ? \"disabled\" : null}\n\n >\n {selectedExercises.length > 1 ? \n (\n <>Add Exercises ({selectedExercises.length})\n ):(\n <>Add Exercise ({selectedExercises.length})\n )}\n \n \n
\n
\n \n }\n
\n
\n
\n \n );\n};\n\nexport default ExerciseLibrary;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory, useParams, useLocation } from \"react-router-dom\";\n\nimport Exercise from \"./Exercise\";\nimport ExercisesLibrary from \"./ExercisesLibrary\";\n\nimport ShortUniqueId from \"short-unique-id\";\nimport Sheet from 'react-modal-sheet';\n\nimport axios from 'axios';\n\n\nconst RoutineEdit = () => {\n const location = useLocation();\n const uid = new ShortUniqueId({ length: 20 });\n\n const history = useHistory();\n\n const { id } = useParams();\n\n const [routine, setRoutine] = useState()\n const [exercises, setExercises] = useState(\"\");\n const [isOpen, setOpen] = useState(false)\n\n\n\n useEffect(() => {\n axios.get('https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/getRoutineById?id=' + id)\n .then(res => {\n const data = res.data;\n setRoutine(data);\n })\n .catch(error => console.log(error))\t}, [id]); \n\n useEffect(() => {\n if (routine && routine.exercises) {\n setExercises(routine.exercises);\n }\n }, [routine]);\n\n const handleInputChange = (event) => {\n const { name, value } = event.target;\n\n setRoutine({ ...routine, [name]: value });\n };\n\n const updateExercise = (updatedExercise) => {\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n \n\n\n const addExercises = (selectedExercises) => {\n const updatedExercises = []\n selectedExercises.map((selectedExercise) => {\n // console.log(selectedExercise.id.$numberInt)\n const checkIfExeciseAlreadyAdded = exercises.some((ex) => ex.id.$numberInt === selectedExercise.id.$numberInt)\n if (checkIfExeciseAlreadyAdded === false) {\n const updatedExercise = { ...selectedExercise };\n const initialSet = {\n index: 0,\n id: uid(),\n weight: \"\",\n reps: \"\",\n completed: false\n };\n updatedExercise.sets = [];\n updatedExercise.sets.push(initialSet);\n updatedExercises.push(updatedExercise)\n }\n \n })\n // console.log(updatedExercises)\n setExercises([...exercises, ...updatedExercises]);\n setOpen(false)\n };\n\n const onClickCancel = () => {\n setOpen(false)\n }\n\n\n const removeExercise = (id) => {\n setExercises(exercises.filter((exercise) => exercise.id !== id));\n };\n\n const onClickAddNewSet = (exercise) => {\n const updatedExercise = { ...exercise };\n const newSet = {\n index: updatedExercise.sets.length,\n id: uid(),\n weight: \"\",\n reps: \"\",\n completed: false\n };\n updatedExercise.sets.push(newSet);\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const removeSet = (exercise, index) => {\n const updatedExercise = { ...exercise };\n const updatedSets = updatedExercise.sets;\n updatedSets.splice(index, 1);\n updatedExercise.sets = updatedSets;\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n const newRoutine = {...routine}\n newRoutine.exercises = exercises\n axios.put('https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/updateRoutine?id=' + id, newRoutine)\n .then(res => {\n history.push(`/routine/${routine.id}`);\n })\n .catch(error => console.log(error))\n}\n\n return (\n
\n {routine &&\n <>\n
\n
\n
\n
\n Edit Routine \n \n handleSubmit(e)}\n >\n Update Routine\n \n \n \n \n
\n\n
\n \n
\n
\n
\n\n {exercises.length > 0 ? (\n exercises.map((exercise, i) => (\n
\n ))\n ) : (\n
\n
\n
\n Get started \n \n
\n Start by adding an exercise to your routine.\n
\n
\n )}\n {/* {isMobile && */}\n
\n
\n setOpen(true)}\n >\n Add Exercises\n \n
\n \n
setOpen(false)}\n // disableDrag={true}\n >\n \n {/* \n \n \n \n {/* } */}\n
\n \n \n
\n \n
\n \n}\n
\n );\n};\n\nexport default RoutineEdit;\n","import React from \"react\";\nimport { muscleNumberToName, equipmentumberToName } from './Utils';\n\nconst ExerciseDetail = (props) => {\n \n const exercise = props.exercise\n\n const secondaryMuscleList = () => {\n const secondaryMusclesList = []\n if (exercise.secondary < 1) {\n return \"None\"\n }\n exercise.secondary.forEach((muscle) => {\n secondaryMusclesList.push(muscleNumberToName(muscle))\n })\n return secondaryMusclesList.join(', ')\n\n }\n\n const getEquipment = () => {\n const primaryEquipment = equipmentumberToName(exercise.gymEquipment);\n const secondaryEquipment = equipmentumberToName(exercise.gymEquipment2)\n if (primaryEquipment === secondaryEquipment)\n { return primaryEquipment }\n return primaryEquipment.concat(\", \", secondaryEquipment)\n }\n\n return (\n <>\n
\n
\n
\n {exercise.title} \n \n
Equipment: {getEquipment()}
\n
Primary Muscle: {muscleNumberToName(exercise.primary)}
\n
Secondary Muscles: {secondaryMuscleList()}
\n
\n Instructions: \n \n
{exercise.instructions}
\n
\n
\n\n
\n
\n props.onClickCancel()}\n >\n Close\n \n
\n
\n \n );\n};\n\nexport default ExerciseDetail;\n\n\n ","import React, { useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport ExercisesLibrary from \"./ExercisesLibrary\";\nimport ExerciseDetail from \"./ExerciseDetail\";\nimport Sheet from \"react-modal-sheet\";\n\nconst Exercises = () => {\n const location = useLocation();\n const [selectedExercise, setSelectedExercise] = useState(\"\");\n const [isOpen, setOpen] = useState(false);\n\n const onClickSelectedExerciseMobile = (exercise) => {\n setOpen(true);\n setSelectedExercise(exercise);\n };\n\n const onClickCancel = () => {\n setOpen(false);\n };\n\n return (\n <>\n
\n
\n
\n\n
setOpen(false)}>\n \n {/* \n \n \n \n
\n \n );\n};\n\nexport default Exercises;\n","import React, { useState, useEffect } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport ExercisesLibrary from \"./ExercisesLibrary\";\nimport Exercise from \"./Exercise\";\nimport ShortUniqueId from \"short-unique-id\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport axios from 'axios';\nimport Sheet from 'react-modal-sheet';\n\n\nconst RoutineCreate = () => {\n const location = useLocation();\n const { user, isAuthenticated } = useAuth0();\n\n const userId = user.sub.split('|')[1]\n\n const uid = new ShortUniqueId({ length: 20 });\n const history = useHistory();\n const newRoutineId = uid();\n const [isOpen, setOpen] = useState(false)\n\n const initialFormState = { id: newRoutineId, title: \"\" };\n const [routine, setRoutine] = useState(initialFormState);\n const [exercises, setExercises] = useState([]);\n\nconsole.log(exercises)\n\n const handleInputChange = (event) => {\n const { name, value } = event.target;\n\n setRoutine({ ...routine, [name]: value });\n };\n\n const updateExercise = (updatedExercise) => {\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n useEffect(() => {\n setRoutine({ ...routine, exercises: exercises });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [exercises]);\n\n const addExercises = (selectedExercises) => {\n const updatedExercises = []\n selectedExercises.map((selectedExercise) => {\n // console.log(selectedExercise.id.$numberInt)\n const checkIfExeciseAlreadyAdded = exercises.some((ex) => ex.id.$numberInt === selectedExercise.id.$numberInt)\n if (checkIfExeciseAlreadyAdded === false) {\n const updatedExercise = { ...selectedExercise };\n const initialSet = {\n index: 0,\n id: uid(),\n weight: \"\",\n distance: 0,\n reps: \"\",\n completed: false\n };\n updatedExercise.sets = [];\n updatedExercise.sets.push(initialSet);\n updatedExercises.push(updatedExercise)\n }\n \n })\n // console.log(updatedExercises)\n setExercises([...exercises, ...updatedExercises]);\n setOpen(false)\n };\n\n const onClickCancel = () => {\n setOpen(false)\n }\n\n const removeExercise = (id) => {\n setExercises(exercises.filter((exercise) => exercise.id !== id));\n };\n\n const onClickAddNewSet = (exercise) => {\n const updatedExercise = { ...exercise };\n const newSet = {\n index: updatedExercise.sets.length,\n id: uid(),\n weight: \"\",\n distance: 0,\n reps: \"\",\n completed: false\n };\n updatedExercise.sets.push(newSet);\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const removeSet = (exercise, index) => {\n const updatedExercise = { ...exercise };\n const updatedSets = updatedExercise.sets;\n updatedSets.splice(index, 1);\n updatedExercise.sets = updatedSets;\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n const newRoutine = {...routine}\n newRoutine.uid = userId\n axios.post('https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/addRoutine', newRoutine)\n .then(res => {\n history.push(`/routine/${routine.id}`);\n })\n .catch(error => console.log(error))\n }\n\n return (\n\n
\n {/* {!isMobile &&\n\n
\n
\n } */}\n\n
\n
\n
\n
\n Create Routine \n \n handleSubmit(e)}\n disabled={routine.title === '' ? \"disabled\" : exercises < 1 ? \"disabled\" : null}\n >\n Save Routine\n \n \n \n \n
\n\n
\n
\n
\n
\n\n {exercises.length > 0 ? (\n exercises.map((exercise,i) => (\n
\n ))\n ) : (\n
\n
\n
\n Get started \n \n
\n Start by adding an exercise to your routine.\n
\n
\n )}\n {/* {isMobile && */}\n
\n \n setOpen(true)}\n >\n Add Exercises\n \n \n setOpen(false)}\n // disableDrag={true}\n >\n \n {/* \n \n \n
\n {/* } */}\n
\n
\n
\n
\n );\n};\n\nexport default RoutineCreate;\n","import { useState, useRef } from 'react';\n\nconst useTimer = (initialState = 0) => {\n const [timer, setTimer] = useState(initialState)\n const [isActive, setIsActive] = useState(false)\n const [isPaused, setIsPaused] = useState(false)\n const countRef = useRef(null)\n\n const handleStart = () => {\n setIsActive(true)\n setIsPaused(true)\n countRef.current = setInterval(() => {\n setTimer((timer) => timer + 1)\n }, 1000)\n }\n\n const handlePause = () => {\n if (isPaused) {\n clearInterval(countRef.current)\n setIsPaused(false)\n } else {\n setIsPaused(true)\n countRef.current = setInterval(() => {\n setTimer((timer) => timer + 1)\n }, 1000)\n }\n\n }\n\n const handleResume = () => {\n setIsPaused(true)\n countRef.current = setInterval(() => {\n setTimer((timer) => timer + 1)\n }, 1000)\n }\n\n const handleReset = () => {\n clearInterval(countRef.current)\n setIsActive(false)\n setIsPaused(false)\n setTimer(0)\n }\n\n return { timer, isActive, isPaused, handleStart, handlePause, handleResume, handleReset }\n}\n\nexport default useTimer","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\n\nimport Exercise from \"./Exercise\";\nimport ExercisesLibrary from \"./ExercisesLibrary\";\n\nimport ShortUniqueId from \"short-unique-id\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\n\nimport axios from \"axios\";\nimport Sheet from \"react-modal-sheet\";\n\nimport useTimer from \"./Timer\";\n\nimport { IsEmpty, Map } from \"react-lodash\"\n\nconst RoutineActive = () => {\n const location = useLocation();\n const uid = new ShortUniqueId({ length: 20 });\n const { user, isAuthenticated } = useAuth0();\n\n const userId = user.sub.split(\"|\")[1];\n\n const history = useHistory();\n\n const [routine, setRoutine] = useState();\n const [exercises, setExercises] = useState(\"\");\n const [setsToLog, setSetsToLog] = useState([]);\n const [isOpen, setOpen] = useState(false);\n\n const {\n timer,\n isActive,\n isPaused,\n handleStart,\n handlePause,\n handleResume,\n handleReset,\n } = useTimer(0);\n\n const formatTime = () => {\n const getSeconds = `0${timer % 60}`.slice(-2);\n const minutes = `${Math.floor(timer / 60)}`;\n const getMinutes = `0${minutes % 60}`.slice(-2);\n const getHours = `0${Math.floor(timer / 3600)}`.slice(-2);\n\n return `${getHours}:${getMinutes}:${getSeconds}`;\n };\n\n useEffect(() => {\n axios\n .get(\n \"https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/getActiveRoutine\"\n )\n .then((res) => {\n const data = res.data;\n setRoutine(data);\n })\n .catch((error) => console.log(error));\n }, []);\n\n const logSet = (exercise, set) => {\n const isSetLogged = setsToLog.some((s) => s.id === set.id);\n if (isSetLogged) {\n setSetsToLog(setsToLog.filter((s) => s.id !== set.id));\n } else {\n const newSet = {\n title: exercise.title,\n isCardio: exercise.isCardio,\n gymEquipment: exercise.gymEquipment,\n id: set.id,\n reps: set.reps,\n weight: set.weight,\n completedOn: new Date(),\n };\n setSetsToLog([...setsToLog, newSet]);\n }\n };\n\n useEffect(() => {\n if (routine && routine.exercises) {\n setExercises(routine.exercises);\n }\n }, [routine]);\n\n useEffect(() => {\n handleStart();\n }, []);\n\n const updateExercise = (updatedExercise) => {\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const addExercises = (selectedExercises) => {\n const updatedExercises = [];\n selectedExercises.map((selectedExercise) => {\n // console.log(selectedExercise.id.$numberInt)\n const checkIfExeciseAlreadyAdded = exercises.some(\n (ex) => ex.id.$numberInt === selectedExercise.id.$numberInt\n );\n if (checkIfExeciseAlreadyAdded === false) {\n const updatedExercise = { ...selectedExercise };\n const initialSet = {\n index: 0,\n id: uid(),\n weight: \"\",\n reps: \"\",\n completed: false,\n };\n updatedExercise.sets = [];\n updatedExercise.sets.push(initialSet);\n updatedExercises.push(updatedExercise);\n }\n });\n // console.log(updatedExercises)\n setExercises([...exercises, ...updatedExercises]);\n setOpen(false);\n };\n\n const removeExercise = (id) => {\n setExercises(exercises.filter((exercise) => exercise.id !== id));\n };\n\n const onClickAddNewSet = (exercise) => {\n const updatedExercise = { ...exercise };\n const newSet = {\n index: updatedExercise.sets.length,\n id: uid(),\n reps: \"\",\n weight: \"\",\n completed: false,\n };\n updatedExercise.sets.push(newSet);\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const removeSet = (exercise, index) => {\n const updatedExercise = { ...exercise };\n const updatedSets = updatedExercise.sets;\n updatedSets.splice(index, 1);\n updatedExercise.sets = updatedSets;\n setExercises(\n exercises.map((ex) =>\n ex.id === updatedExercise.id ? updatedExercise : ex\n )\n );\n };\n\n const groupSetsToRoutines = (sets) => {\n const setsToExercises = sets.reduce((r, { title, isCardio, gymEquipment, ...rest }) => {\n const key = `${title}`;\n r[key] = r[key] || { title, isCardio, gymEquipment, sets: [] };\n r[key][\"sets\"].push(rest);\n console.log(r)\n return r;\n }, {});\n\n const timeTable = Object.values(setsToExercises);\n\n return Object.values(timeTable);\n };\n\n\n \n\n const onClickCancel = () => {\n setOpen(false);\n };\n\n const handleSubmit = (event) => {\n event.preventDefault();\n\n const newRoutine = {\n title: routine.title,\n id: routine.id,\n uid: userId,\n completedOn: new Date(),\n duration: timer,\n exercises: groupSetsToRoutines(setsToLog),\n };\n console.log(newRoutine)\n axios\n .post(\n \"https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/addLoggedRoutine\",\n newRoutine\n )\n .then((res) => {\n handleReset();\n \n history.push(\"/log\");\n })\n .catch((error) => console.log(error));\n };\n\n return (\n <>\n {routine && (\n <>\n
\n\n
\n
\n
\n
\n {/*
\n Active Workout Routine */}\n {/* */}\n handleSubmit(e)}\n >\n Finish Workout Routine\n \n {/* */}\n {/* */}\n \n
\n\n
\n
\n
\n
\n
\n {routine.title} \n \n \n \n {/* {formatTime()} \n \n \n \n \n
\n
\n\n {exercises.length > 0 ? (\n exercises.map((exercise, i) => (\n
\n ))\n ) : (\n
\n
\n
\n Get started \n \n
\n Start by adding an exercise to your routine.\n
\n
\n )}\n {/* {isMobile && */}\n
\n setOpen(true)}\n >\n Add Exercises\n \n\n setOpen(false)}\n // disableDrag={true}\n >\n \n {/* \n \n \n
\n
\n
\n
\n
\n \n )}\n \n );\n};\n\nexport default RoutineActive;\n","import React, { useState, useEffect } from \"react\";\nimport moment from 'moment'\nimport {WEIGHTUNITS} from './Const' \n\n\n\nconst LogExercise = (props) => {\n\n const [showExerciseList, setShowExerciseList] = useState(false);\n\n const routine = props.routine;\n const exerciseList = [];\n\n const exerciseTitlesString = (routine) => {\n const exerciseList = [];\n routine.exercises.forEach((exercise) => {\n exerciseList.push(exercise.title);\n });\n return exerciseList;\n };\n\n useEffect(() => {\n routine.exercises.forEach((exercise) => {\n exerciseList.push(exercise.title);\n });\n }, [exerciseList, routine.exercises]);\n\n const toggleExerciseList = () => {\n setShowExerciseList(!showExerciseList);\n };\n\n const totalSets = () => {\n var sum = 0;\n routine.exercises.forEach((exercise) => {\n sum += exercise.sets.length\n })\n return sum\n }\n\n const totalWeight = () => {\n var sum = 0;\n routine.exercises.forEach((exercise) => {\n if (exercise.isCardio === true) {\n return 0\n }\n exercise.sets.forEach((set) => {\n if (Number(exercise.gymEquipment.$numberInt) === 1) {\n sum += set.weight * set.reps * 2;\n } else {\n sum += set.weight * set.reps;\n }\n });\n\n });\n return Number(sum);\n };\n\n\n const formatTime = (time) => {\n const getSeconds = `0${(time % 60)}`.slice(-2)\n const minutes = `${Math.floor(time / 60)}`\n const getMinutes = `0${minutes % 60}`.slice(-2)\n const getHours = `0${Math.floor(time / 3600)}`.slice(-2)\n\n return `${getHours}:${getMinutes}:${getSeconds}`\n }\n\n return (\n<>\n \n
\n {routine.title} - {moment(routine.completedOn).fromNow()} \n \n
\n
\n toggleExerciseList()}>\n \n {routine.exercises.length}{\" \"}\n {routine.exercises.length === 1 ? \"Exercise\" : \"Exercises\"}{\" \"}\n \n \n \n \n \n {totalSets()}{\" \"}\n {totalSets() === 1 ? \"Set\" : \"Sets\"}{\" \"}\n \n \n \n \n {totalWeight()}{\" \" + WEIGHTUNITS}\n {/* {totalWeight() === 1 ? \"lbs\" : \"lbs\"}{\" \"} */}\n \n \n
\n
\n {showExerciseList &&\n exerciseTitlesString(routine).map((title, i) => (\n
\n {title} \n
\n ))}\n
\n \n );\n};\n\nexport default LogExercise;\n","import React, { useState, useEffect } from \"react\";\n// import { useLogsStore } from \"./LogsContext\";\nimport LogExercise from \"./LogExercise\";\nimport axios from 'axios';\nimport { useAuth0 } from \"@auth0/auth0-react\";\n\nconst Log = (props) => {\n\n const { user } = useAuth0();\n\n const [routines, setRoutines] = useState([]);\n\n useEffect(() => {\n if (user ) {\n const userID = user.sub.split(\"|\")[1];\n axios.get('https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/getLoggedRoutinesByUserId?userID=' + userID)\n .then(res => {\n const data = res.data;\n setRoutines(data);\n })\n .catch(error => console.log(error))\n }\n}, [user,setRoutines]);\n\n\n return (\n <>\n
\n
\n
\n Completed Routines \n \n \n
\n
\n
\n \n \n {routines.length > 0 ? (\n \n routines.map((routine, i) => (\n
\n )\n \n )\n \n\n\n \n ):(\n
\n
\n
\n Get started \n \n
\n Complete your first workout\n
\n
\n )}\n \n
\n
\n \n );\n};\n\nexport default Log;","import React, { useState, useEffect } from \"react\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport axios from 'axios';\nimport LogExercise from \"./LogExercise\";\nimport {\n Bar,\n BarChart,\n LineChart,\n Line,\n CartesianGrid,\n XAxis,\n YAxis,\n Tooltip\n} from \"recharts\";\n\nconst Log = (props) => {\n\n const [routines, setRoutines] = useState([]);\n const { user, isAuthenticated } = useAuth0();\n\n useEffect(() => {\n if (user ) {\n const userID = user.sub.split(\"|\")[1];\n axios.get('https://us-east-1.aws.data.mongodb-api.com/app/fitness-chtxe/endpoint/getLoggedRoutinesByUserId?userID=' + userID)\n .then(res => {\n const data = res.data;\n setRoutines(data);\n })\n .catch(error => console.log(error))\n }\n}, [user,setRoutines]);\n\n const data = [\n {\n name: \"Page A\",\n uv: 4000,\n pv: 2400,\n amt: 2400,\n },\n {\n name: \"Page B\",\n uv: 3000,\n pv: 1398,\n amt: 2210,\n },\n {\n name: \"Page C\",\n uv: 2000,\n pv: 9800,\n amt: 2290,\n },\n {\n name: \"Page D\",\n uv: 2780,\n pv: 3908,\n amt: 2000,\n },\n {\n name: \"Page E\",\n uv: 1890,\n pv: 4800,\n amt: 2181,\n },\n {\n name: \"Page F\",\n uv: 2390,\n pv: 3800,\n amt: 2500,\n },\n {\n name: \"Page G\",\n uv: 3490,\n pv: 4300,\n amt: 2100,\n },\n ];\n\n return (\n <>\n
\n
\n
\n
\n {isAuthenticated && ( \n
\n
\n
\n
\n
\n\n
Name: {user.nickname} \n
Email: {user.email}
\n
UID: {user.sub.split('|')[1]}
\n
\n
\n )}\n
\n
\n
\n
\n\n
\n\n
\n
\n
\n
\n
\n \n \n
\n
\n \n
\n
\n
\n
\n \n );\n};\n\nexport default Log;","import React from \"react\";\nimport \"./App.css\";\nimport { BrowserRouter, Switch, Link } from 'react-router-dom';\nimport ProtectedRoute from \"./components/Auth/protected-route\"\nimport Loading from \"./components/Auth/Loading\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\n\nimport LoginButton from './components/Auth/LoginButton'\nimport LogoutButton from \"./components/Auth/LogoutButton\";\n\n\nimport Routines from './Routines'\nimport Routine from './Routine'\nimport RoutineEdit from \"./RoutineEdit\";\nimport Exercises from \"./Exercises\";\nimport ExerciseDetail from \"./ExerciseDetail\";\nimport RoutineCreate from './RoutineCreate'\nimport RoutineActive from \"./RoutineActive\";\nimport Log from './Log'\nimport Profile from './Profile'\n\nfunction App() {\n\n const { isLoading } = useAuth0();\n const { user, isAuthenticated } = useAuth0();\n\n\n if (isLoading) {\n return
;\n }\n return (\n \n
\n \n \n
\n
H1 \n \n
\n
\n \n \n \n \n \n \n {isAuthenticated && ( \n <>\n \n \n\n \n \n \n )}\n \n
\n
\n \n
\n \n
\n\n );\n}\n\nexport default App;\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Auth0Provider } from \"@auth0/auth0-react\";\r\n\r\nconst Auth0ProviderWithHistory = ({ children }) => {\r\n // const domain = process.env.REACT_APP_AUTH0_DOMAIN;\r\n // const clientId = process.env.REACT_APP_AUTH0_CLIENT_ID;\r\n\r\n const history = useHistory();\r\n\r\n const onRedirectCallback = (appState) => {\r\n history.push(appState?.returnTo || window.location.pathname);\r\n };\r\n\r\n return (\r\n
\r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport default Auth0ProviderWithHistory;","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport Auth0ProviderWithHistory from \"./components/Auth/auth0-provider-with-history\";\n// import RoutinesStore from \"./RoutinesStore\";\nimport ExercisesStore from \"./ExercisesStore\";\nimport \"./index.css\";\n\nReactDOM.render(\n \n \n \n \n \n ,\n document.getElementById(\"root\")\n);"],"sourceRoot":""}