fix: uepr-38: debug modal description and image preload

scratchfoundation · Nov 19, 2024 · 703907f · 703907f
1 parent f561493
commit 703907f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/debug-modal/debug-modal.jsx b/src/components/debug-modal/debug-modal.jsx
@@ -31,6 +31,13 @@ const logTopicChange = topicIndex => {
 const DebugModal = ({isOpen, onClose = () => {}}) => {
     const [selectedTopicIndex, setSelectedTopicIndex] = useState(0);
 
+    // Preload images
+    useEffect(() => {
+        sections.forEach(section => {
+            new Image().src = section.image;
+        });
+    }, []);
+
     const handleNext = useCallback(() => {
         if (selectedTopicIndex < sections.length - 1) {
             setSelectedTopicIndex(selectedTopicIndex + 1);

diff --git a/src/components/debug-modal/sections/sections.jsx b/src/components/debug-modal/sections/sections.jsx
@@ -102,7 +102,7 @@ export const sections = [
         description: <div>
             <p><FormattedMessage {...messages.checkTheValuesDescription1} /></p>
             <ul>
-                <li><FormattedMessage {...messages.checkCodeSequenceDescription2} /></li>
+                <li><FormattedMessage {...messages.checkTheValuesDescription2} /></li>
                 <li><FormattedMessage {...messages.checkTheValuesDescription3} /></li>
             </ul>
         </div>,