From 9a2237d241a316f571bde936c8faa7c23ac95025 Mon Sep 17 00:00:00 2001
From: Jakub Jankiewicz <jcubic@onet.pl>
Date: Sun, 11 Feb 2024 20:40:29 +0100
Subject: [PATCH] fix showing examples before script loads

---
 docs/src/components/Interpreter/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/Interpreter/index.tsx b/docs/src/components/Interpreter/index.tsx
index 2a495c10c..5d5c9b6dd 100644
--- a/docs/src/components/Interpreter/index.tsx
+++ b/docs/src/components/Interpreter/index.tsx
@@ -310,7 +310,7 @@ export default function Interpreter(): JSX.Element {
               <ul className="list">
                 {examples.map((example, index) => {
                     return (
-                        <li key={index}>
+                        <li key={index} className={index === 0 ? 'active' : undefined}>
                           <div className="example">
                             <pre>{example.code}</pre>
                           </div>
@@ -321,7 +321,11 @@ export default function Interpreter(): JSX.Element {
               </ul>
               <ul className="pagination">
                 {examples.map((_, index) => {
-                    return <li key={index}><a href="#">{ index + 1 }</a></li>;
+                    return (
+                        <li key={index} className={index === 0 ? 'active' : undefined}>
+                          <a href="#">{ index + 1 }</a>
+                        </li>
+                    );
                 })}
               </ul>
             </div>