fix: activeTab was delivering invalid value at runtime

mnfst · Dec 13, 2024 · ab8f60e · ab8f60e
1 parent bfff692
commit ab8f60e
Showing 1 changed file with 20 additions and 16 deletions.
diff --git a/src/app/components/LiveCodeHero.tsx b/src/app/components/LiveCodeHero.tsx
@@ -278,22 +278,26 @@ entities:
                 </SyntaxHighlighter>
               </div>
               <div className="buttons buttons--demo">
-                <a
-                  className="button is-small is-light is-outlined"
-                  href={tabs[activeTab].demoUrl}
-                  target="_blank"
-                >
-                  <i className="fa-solid fa-table-columns mr-2"></i>
-                  <span>Admin panel live demo</span>
-                </a>
-                <a
-                  className="button is-small is-light is-outlined"
-                  href={tabs[activeTab].demoUrl + '/api'}
-                  target="_blank"
-                >
-                  <i className="fa-solid fa-cloud-arrow-down mr-2"></i>
-                  <span>REST API doc</span>
-                </a>
+                {tabs[activeTab] && ( // Vérifie que tabs[activeTab] n'est pas undefined
+                  <>
+                    <a
+                      className="button is-small is-light is-outlined"
+                      href={tabs[activeTab].demoUrl}
+                      target="_blank"
+                    >
+                      <i className="fa-solid fa-table-columns mr-2"></i>
+                      <span>Admin panel live demo</span>
+                    </a>
+                    <a
+                      className="button is-small is-light is-outlined"
+                      href={`${tabs[activeTab].demoUrl}/api`}
+                      target="_blank"
+                    >
+                      <i className="fa-solid fa-cloud-arrow-down mr-2"></i>
+                      <span>REST API doc</span>
+                    </a>
+                  </>
+                )}
               </div>
             </div>
           </div>