ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 11:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix interactive tutorials issues

Browse Source
This commit is contained in:
Roman Hotsiy
2024-02-09 18:20:54 +08:00
parent 498bf7007b
commit 1a3031593e
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
@theme/markdoc/components.tsx
View File

@@ -31,7 +31,8 @@ export function InteractiveBlock(props: { children: React.ReactNode; label: stri
const { pathname } = useLocation();
return (
<div className="interactive-block" id={'interactive-' + stepId}>
// add key={pathname} to ensure old step state gets rerendered on page navigation
<div className="interactive-block" id={'interactive-' + stepId} key={pathname}>
<div className="interactive-block-inner">
<div className="breadcrumbs-wrap">
<ul
@@ -53,7 +54,8 @@ export function InteractiveBlock(props: { children: React.ReactNode; label: stri
})}
</ul>
</div>
<div className="interactive-block-ui" key={pathname}>{dynamicReact(props.children, React, {})}</div>
<div className="interactive-block-ui">{dynamicReact(props.children, React, {})}</div>
</div>
</div>
);