From bac1a84bcc602712a049a8893bfbf37c87be03e9 Mon Sep 17 00:00:00 2001
From: Grace <grace@microbit.org>
Date: Wed, 22 Apr 2026 15:05:58 +0100
Subject: [PATCH] Add MakeCode blocks rendering alt prop

---
 src/react/MakeCodeBlocksRendering.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/react/MakeCodeBlocksRendering.tsx b/src/react/MakeCodeBlocksRendering.tsx
index 02319f3..939919c 100644
--- a/src/react/MakeCodeBlocksRendering.tsx
+++ b/src/react/MakeCodeBlocksRendering.tsx
@@ -14,6 +14,7 @@ export interface MakeCodeBlocksRenderingProps {
   snippetMode?: boolean;
   layout?: BlockLayout;
   loaderCmp?: React.ReactNode;
+  alt?: string;
 }
 
 export interface MakeCodeBlocksRenderingState {
@@ -32,6 +33,7 @@ const MakeCodeBlocksRendering = ({
   layout,
   code,
   className,
+  alt,
 }: MakeCodeBlocksRenderingProps) => {
   const [state, setState] = useState<MakeCodeBlocksRenderingState>({
     rendering: true,
@@ -95,9 +97,10 @@ const MakeCodeBlocksRendering = ({
       <img
         className="ui image"
         alt={
-          code === undefined || typeof code === 'string'
+          alt ??
+          (code === undefined || typeof code === 'string'
             ? code
-            : code.text!['main.ts']
+            : code.text!['main.ts'])
         }
         src={uri}
         width={width}