Tweaked app shell

components/pages/ListDetail.jsx

@@ -11,6 +11,7 @@ import {
   IonTitle,
   IonToolbar,
 } from '@ionic/react';
+import { useParams } from 'react-router-dom';
 
 import Store from '../../store';
 import * as actions from '../../store/actions';
@@ -35,14 +36,13 @@ const ListItemEntry = ({ list, item }) => (
 
 const ListDetail = ({ match }) => {
   const lists = Store.useState(selectors.getLists);
-  const {
-    params: { listId },
-  } = match;
+  const params = useParams();
+  const { listId } = params;
   const loadedList = lists.find(l => l.id === listId);
 
   return (
     <IonPage>
-      <IonHeader>
+      <IonHeader translucent>
         <IonToolbar>
           <IonButtons slot="start">
             <IonBackButton defaultHref="/tabs/lists" />