Skip to content

Commit 3b0ee48

Browse files
committed
feat: add null check for demoFilePath and update iconPath access #pwa
1 parent 267ca73 commit 3b0ee48

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

apps/pwa/src/components/DemoStep.tsx

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,9 @@ export const DemoStep: React.FC<DemoStepProps> = ({
3636
return desc;
3737
}, [step.description]);
3838

39+
if (!step.demoFilePath) {
40+
return null;
41+
}
3942

4043
return (
4144
<div
@@ -47,13 +50,13 @@ export const DemoStep: React.FC<DemoStepProps> = ({
4750
<div className='flex items-center gap-3'>
4851
<div className="flex-shrink-0 w-8 h-8 flex items-center justify-center">
4952
{isExecuted ? (
50-
<Icon name={step.iconPath.id as never} className="!text-[#4ade80]" size={18} />
53+
<Icon name={step.iconPath?.id as never} className="!text-[#4ade80]" size={18} />
5154
) : isActive ? (
52-
<Icon name={step.iconPath.id as never} className="!text-blue-400" size={18} />
55+
<Icon name={step.iconPath?.id as never} className="!text-blue-400" size={18} />
5356
) : isNext ? (
54-
<Icon name={step.iconPath.id as never} className="!text-[#FFD23F]" size={18} />
57+
<Icon name={step.iconPath?.id as never} className="!text-[#FFD23F]" size={18} />
5558
) : (
56-
<Icon name={step.iconPath.id as never} className="!text-gray-500" size={18} />
59+
<Icon name={step.iconPath?.id as never} className="!text-gray-500" size={18} />
5760
)}
5861
</div>
5962
<span

0 commit comments

Comments
 (0)