fix: refresh device list on pair (commaai#520)

the device list doesn't refresh when you finish pairing your device.
now, we refetch the list upon a successful pair

Author: greatgitsby

src/pages/dashboard/Dashboard.tsx

@@ -114,7 +114,7 @@ const Dashboard: Component<RouteSectionProps> = () => {
     }
   })
 
-  const [devices] = createResource(getDevices, { initialValue: [] })
+  const [devices, { refetch }] = createResource(getDevices, { initialValue: [] })
   const [profile] = createResource(getProfile)
 
   const getDefaultDongleId = () => {
@@ -130,7 +130,7 @@ const Dashboard: Component<RouteSectionProps> = () => {
     <Drawer drawer={<DashboardDrawer devices={devices()} />}>
       <Switch fallback={<TopAppBar leading={<DrawerToggleButton />}>No device</TopAppBar>}>
         <Match when={urlState().dongleId === 'pair' || !!location.query.pair}>
-          <PairActivity />
+          <PairActivity onPaired={refetch} />
         </Match>
         <Match when={urlState().dongleId} keyed>
           {(dongleId) => (

src/pages/dashboard/activities/PairActivity.tsx

@@ -11,7 +11,7 @@ import TopAppBar from '~/components/material/TopAppBar'
 
 import './PairActivity.css'
 
-const PairActivity: VoidComponent = () => {
+const PairActivity: VoidComponent<{ onPaired: () => void }> = (props) => {
   const { pair } = useLocation().query
   const pairToken: string | undefined = Array.isArray(pair) ? pair[0] : pair
 
@@ -79,6 +79,7 @@ const PairActivity: VoidComponent = () => {
 
         pairDevice(input.pairToken)
           .then((dongleId) => navigate(`/${dongleId}`))
+          .then(props.onPaired)
           .catch((reason) => {
             let error: Error
             if (reason instanceof Error) {