Load the post in EditPost

src/model/content/Post.ts

@@ -1,5 +1,5 @@
 export enum PostType {
- BlogPost = 'blog-post',
+ BlogPost = 'liberated_post',
 }
 
 export const humanReadablePostType: Map< PostType, string > = new Map( [

src/ui/posts/EditPost.tsx

@@ -1,7 +1,6 @@
 import { useParams } from 'react-router-dom';
 import { useEffect, useState } from 'react';
 import { useSessionContext } from '@/ui/session/SessionProvider';
-import { BlogPost } from '@/model/content/BlogPost';
 import { PostEditor } from '@/ui/posts/PostEditor';
 import { ContentBus } from '@/bus/ContentBus';
 import { Toolbar } from '@/ui/posts/Toolbar';
@@ -10,25 +9,37 @@ import {
  parsePostDate,
  parsePostTitle,
 } from '@/parser/blog-post';
+import { Post, PostType } from '@/model/content/Post';
 
 export function EditPost() {
- const [ post, setPost ] = useState< BlogPost >();
+ const [ post, setPost ] = useState< Post >();
  const { postId } = useParams();
  const { apiClient, playgroundClient } = useSessionContext();
 
  useEffect( () => {
  if ( ! apiClient ) {
  return;
  }
- apiClient.blogPosts
- .findById( postId! )
- .then( ( p: BlogPost | null ) => {
- if ( ! p ) {
- throw Error( `post with id ${ postId } not found` );
- }
- setPost( p );
- playgroundClient.goTo( p.url );
- } );
+ async function loadPost() {
+ const genericPost = await apiClient!.posts.findById( postId! );
+ if ( ! genericPost ) {
+ throw Error( `post with id ${ postId } not found` );
+ }
+ let p: Post | null;
+ switch ( genericPost.type ) {
+ case PostType.BlogPost:
+ p = await apiClient!.blogPosts.findById( postId! );
+ break;
+ default:
+ throw Error( `unknown post type ${ genericPost.type }` );
+ }
+ if ( ! p ) {
+ throw Error( `post with id ${ postId } not found` );
+ }
+ setPost( p );
+ playgroundClient.goTo( p.url );
+ }
+ loadPost().catch( console.error );
  }, [ apiClient, postId ] );
 
  const isValid =

src/ui/posts/PostEditor.tsx

@@ -2,12 +2,11 @@ import { ReactElement, useEffect, useState } from 'react';
 import { AppBus } from '@/bus/AppBus';
 import { Message } from '@/bus/Message';
 import { ContentBus } from '@/bus/ContentBus';
-import { BlogPost } from '@/model/content/BlogPost';
-import { PostField } from '@/model/content/Post';
+import { Post, PostField } from '@/model/content/Post';
 import { FieldEditor } from '@/ui/posts/FieldEditor';
 
 interface Props {
- post: BlogPost;
+ post: Post;
  fieldOrder: Record< string, number >;
  onFieldChanged: ( name: string, field: PostField ) => void;
 }