\n
\n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { getSession } from '../api'\n\ntype Props = {\n clientId: string\n}\n\nexport const SessionPictures = ({ clientId }: Props) => {\n const [pics, setPics] = useStateDashboard
\n \nTODO: List of past sessions for review?
\n \n 
)}\n
\n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { RouteComponentProps, useHistory } from 'react-router-dom'\nimport { getClient, killSession } from '../api'\nimport { SessionPictures } from './SessionPictures'\n\ntype Props = RouteComponentProps<{ clientId: string }>\n\nexport const Session = (props: Props) => {\n const history = useHistory()\n const { clientId } = props.match.params\n const [submitted, setSubmitted] = useState(false)\n\n const handleExit = async () => {\n history.push('/')\n }\n\n const handleNuke = async () => {\n await killSession(clientId)\n history.push('/')\n }\n\n useEffect(() => {\n const get = async () => {\n const { activeSession } = await getClient(clientId)\n if (activeSession) setSubmitted(true)\n }\n\n get()\n })\n\n return (\n Session Pictures
\n {pics && pics.map((src) =>\n
\n )\n}\n","import React from 'react'\nimport './App.css'\n\nimport { BrowserRouter, Switch, Route } from 'react-router-dom'\nimport { Dashboard } from './pages/Dashboard'\nimport { Session } from './pages/Session'\n\nfunction App() {\n return (\n Session for {clientId}
\n \n {submitted &&\n \n \n
\n \n \n \n
\n