Use Toolbar in NewBlogPost

WordPress · Sep 27, 2024 · 5339d63 · 5339d63
1 parent de85d39
commit 5339d63
Showing 1 changed file with 22 additions and 18 deletions.
diff --git a/src/ui/flows/blog-post/NewBlogPost.tsx b/src/ui/flows/blog-post/NewBlogPost.tsx
@@ -3,6 +3,7 @@ import { ContentBus } from '@/bus/ContentBus';
 import { useSessionContext } from '@/ui/session/SessionProvider';
 import { useNavigate } from 'react-router-dom';
 import { Screens } from '@/ui/App';
+import { Toolbar } from '@/ui/flows/blog-post/Toolbar';
 
 export function NewBlogPost() {
  const navigate = useNavigate();
@@ -29,27 +30,30 @@ export function NewBlogPost() {
 
  const element = (
  <>
+ <Toolbar>
+ <button
+ onClick={ async () => {
+ const currentPage =
+ await ContentBus.getCurrentPageInfo();
+ let post = await apiClient!.posts.findByGuid(
+ currentPage.url
+ );
+ if ( ! post ) {
+ post = await apiClient!.posts.create( {
+ guid: currentPage.url,
+ } );
+ }
+ navigate(
+ Screens.flows.blogPost.edit( session.id, post.id )
+ );
+ } }
+ >
+ Continue
+ </button>
+ </Toolbar>
  <div>
  Navigate to the page of the post you&apos;d like to import
  </div>
- <button
- onClick={ async () => {
- const currentPage = await ContentBus.getCurrentPageInfo();
- let post = await apiClient!.posts.findByGuid(
- currentPage.url
- );
- if ( ! post ) {
- post = await apiClient!.posts.create( {
- guid: currentPage.url,
- } );
- }
- navigate(
- Screens.flows.blogPost.edit( session.id, post.id )
- );
- } }
- >
- Continue
- </button>
  </>
  );