fixes context

Author: stolinski

app/routes/syntax/index.tsx renamed to app/routes/syntax.tsx

@@ -1,6 +1,6 @@
 import { Link, Outlet, useLoaderData } from "remix";
 import styles from "~/styles/syntax.css";
-import type { Show } from "./$show";
+import type { Show } from "./syntax/$show";
 import { padNumber } from "~/utils/pad";
 
 export function links() {
@@ -45,7 +45,7 @@ export default function () {
             </ul>
           </nav>
         </aside>
-        <Outlet />
+        <Outlet context={{ podcastName }} />
       </section>
     </div>
   );

app/routes/syntax/$show.tsx

@@ -68,9 +68,11 @@ export let loader: LoaderFunction = async ({ params }) => {
 
 export default function () {
   const show = useLoaderData<Show>();
+  const { podcastName } = useOutletContext();
 
   return (
     <section className="show-details">
+      <h3>{podcastName}</h3>
       <h1>
         #{show.number}: {show.title}
       </h1>