Pass workflow index into the focus view
This commit is contained in:
@@ -5,7 +5,7 @@ import ReaderNav from "../../../components/reader/ReaderNav";
|
|||||||
import ReaderFooter from "../../../components/reader/ReaderFooter";
|
import ReaderFooter from "../../../components/reader/ReaderFooter";
|
||||||
import WorkflowBlock from "../../../components/reader/WorkflowBlock";
|
import WorkflowBlock from "../../../components/reader/WorkflowBlock";
|
||||||
import useActivation from "../../../components/reader/useActivation";
|
import useActivation from "../../../components/reader/useActivation";
|
||||||
import { RECIPES_BY_ID } from "../../../data/sample-chapter";
|
import { RECIPES, RECIPES_BY_ID } from "../../../data/sample-chapter";
|
||||||
|
|
||||||
export default function RecipeFocus() {
|
export default function RecipeFocus() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
@@ -76,6 +76,8 @@ export default function RecipeFocus() {
|
|||||||
</p>
|
</p>
|
||||||
<WorkflowBlock
|
<WorkflowBlock
|
||||||
recipe={recipe}
|
recipe={recipe}
|
||||||
|
index={Math.max(RECIPES.findIndex((r) => r.id === recipe.id) + 1, 1)}
|
||||||
|
total={RECIPES.length}
|
||||||
complete={!!complete[recipe.id]}
|
complete={!!complete[recipe.id]}
|
||||||
onToggleComplete={toggle}
|
onToggleComplete={toggle}
|
||||||
focused
|
focused
|
||||||
|
|||||||
Reference in New Issue
Block a user