External/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-08-18 06:50:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix workflow editor loading flash

Browse Source 
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
This commit is contained in:
Taylor Ho
2026-08-14 13:38:45 -07:00
parent b8d6277ac0
commit 32a8e7059d
3 changed files with 10 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
desktop/src/app/routes/lazyWorkflowsRouteScreen.ts
+6
View File
@@ -0,0 +1,6 @@
import * as React from "react";
export const LazyWorkflowsRouteScreen = React.lazy(async () => {
const module = await import("./WorkflowsRouteScreen");
return { default: module.WorkflowsRouteScreen };
});
desktop/src/app/routes/workflows.$workflowId.tsx
+2 -6
View File
@@ -7,6 +7,7 @@ import {
} from "@/features/workflows/ui/workflowEditorPane";
import { usePreviewFeatureWarning } from "@/shared/features";
import { ViewLoadingFallback } from "@/shared/ui/ViewLoadingFallback";
import { LazyWorkflowsRouteScreen } from "./lazyWorkflowsRouteScreen";
export const Route = createFileRoute("/workflows/$workflowId")({
component: WorkflowEditorRouteComponent,
@@ -16,11 +17,6 @@ export const Route = createFileRoute("/workflows/$workflowId")({
}),
});
const WorkflowsRouteScreen = React.lazy(async () => {
const module = await import("./WorkflowsRouteScreen");
return { default: module.WorkflowsRouteScreen };
});
function WorkflowEditorRouteComponent() {
usePreviewFeatureWarning("workflows");
const navigate = Route.useNavigate();
@@ -29,7 +25,7 @@ function WorkflowEditorRouteComponent() {
return (
<React.Suspense fallback={<ViewLoadingFallback kind="workflows" />}>
<WorkflowsRouteScreen
<LazyWorkflowsRouteScreen
editor={{
mode: view === "duplicate" ? "duplicate" : "edit",
pane: parseWorkflowEditorPane(pane),
desktop/src/app/routes/workflows.tsx
+2 -6
View File
@@ -7,6 +7,7 @@ import {
} from "@/features/workflows/ui/workflowEditorPane";
import { usePreviewFeatureWarning } from "@/shared/features";
import { ViewLoadingFallback } from "@/shared/ui/ViewLoadingFallback";
import { LazyWorkflowsRouteScreen } from "./lazyWorkflowsRouteScreen";
export const Route = createFileRoute("/workflows")({
component: WorkflowsRouteComponent,
@@ -16,11 +17,6 @@ export const Route = createFileRoute("/workflows")({
}),
});
const WorkflowsRouteScreen = React.lazy(async () => {
const module = await import("./WorkflowsRouteScreen");
return { default: module.WorkflowsRouteScreen };
});
function WorkflowsRouteComponent() {
usePreviewFeatureWarning("workflows");
const navigate = Route.useNavigate();
@@ -28,7 +24,7 @@ function WorkflowsRouteComponent() {
return (
<React.Suspense fallback={<ViewLoadingFallback kind="workflows" />}>
<WorkflowsRouteScreen
<LazyWorkflowsRouteScreen
editor={
view === "create"
? { mode: "create", pane: parseWorkflowEditorPane(pane) }