yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

UI/install: fix metaHeader reactive

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-08-05 19:27:56 +02:00
parent c90b69d499
commit c0bc0417a6
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pkgs/clan-app/ui/src/workflows/Install/install.tsx
View File

@@ -55,6 +55,16 @@ export const InstallModal = (props: InstallModalProps) => {
{ initialStep: props.initialStep || "init" },
);
const MetaHeader = () => {
// @ts-expect-error some steps might not have
const HeaderComponent = () => stepper.currentStep()?.title;
return (
<Show when={HeaderComponent()}>
{(C) => <Dynamic component={C()} machineName={props.machineName} />}
</Show>
);
};
return (
<StepperProvider stepper={stepper}>
<Modal
@@ -62,18 +72,9 @@ export const InstallModal = (props: InstallModalProps) => {
onClose={() => {
console.log("Install aborted");
}}
metaHeader={() => {
// @ts-expect-error some steps might not have a title
const HeaderComponent = stepper.currentStep()?.title;
return (
<Show when={HeaderComponent}>
{(C) => (
<Dynamic component={C()} machineName={props.machineName} />
)}
</Show>
);
}}
// @ts-expect-error some steps might not have this
// @ts-expect-error some steps might not have
metaHeader={stepper.currentStep()?.title ? <MetaHeader /> : undefined}
// @ts-expect-error some steps might not have
disablePadding={stepper.currentStep()?.isSplash}
>
{(ctx) => <InstallStepper />}