Bootstrap flow for importing blog post

src/ui/App.tsx

@@ -20,11 +20,14 @@ import { getSession, listSessions, Session } from '@/storage/session';
 import { PlaceholderPreview } from '@/ui/preview/PlaceholderPreview';
 import { SessionContext, SessionProvider } from '@/ui/session/SessionProvider';
 import { ApiClient } from '@/api/ApiClient';
+import { BlogPostFlow } from '@/ui/flow/blog-post/BlogPostFlow';
 
 export const Screens = {
 	home: () => '/start/home',
 	newSession: () => '/start/new-session',
-	viewSession: ( id: string ) => `/session/${ id }`,
+	viewSession: ( sessionId: string ) => `/session/${ sessionId }`,
+	flowBlogPost: ( sessionId: string ) =>
+		`/session/${ sessionId }/flow/blog-post`,
 };
 
 const homeLoader: LoaderFunction = async () => {
@@ -63,6 +66,9 @@ function Routes( props: { initialScreen: string } ) {
 				loader={ sessionLoader }
 			>
 				<Route path="" element={ <ViewSession /> } />
+				<Route path="flow">
+					<Route path="blog-post" element={ <BlogPostFlow /> } />
+				</Route>
 			</Route>
 		</Route>
 	);

src/ui/flow/blog-post/BlogPostFlow.tsx

@@ -0,0 +1,3 @@
+export function BlogPostFlow() {
+	return <>hello</>;
+}

src/ui/session/ViewSession.tsx

@@ -1,6 +1,8 @@
 import { useSessionContext } from '@/ui/session/SessionProvider';
 import { Post } from '@/api/ApiClient';
 import { useEffect, useState } from 'react';
+import { Link } from 'react-router-dom';
+import { Screens } from '@/ui/App';
 
 export function ViewSession() {
 	const { session, apiClient } = useSessionContext();
@@ -18,14 +20,15 @@ export function ViewSession() {
 
 	return (
 		<>
-			<div>view session: { session.id }</div>
-			{ apiClient?.siteUrl ? (
-				<div>url: { apiClient.siteUrl }</div>
-			) : null }
+			<h1>
+				{ session.title } ({ session.url })
+			</h1>
 			<ul>
-				{ posts.map( ( post ) => {
-					return <li key={ post.id }>{ post.title }</li>;
-				} ) }
+				<li>
+					<Link to={ Screens.flowBlogPost( session.id ) }>
+						Import Blog Post
+					</Link>
+				</li>
 			</ul>
 		</>
 	);