feat: update content mapper

Signed-off-by: Michel Mendiola <suki@missallsunday.com>
MissAllSunday · Jun 15, 2024 · ce86484 · ce86484
1 parent bc30b98
commit ce86484
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 64 deletions.
diff --git a/Sources/Breeze/Breeze.php b/Sources/Breeze/Breeze.php
@@ -38,7 +38,7 @@ class Breeze
 	public const SUPPORT_URL = 'https://missallsunday.com';
 	public const REACT_DOM_VERSION = '18.2.0';
 	public const REACT_VERSION = '18.2.0';
-	public const REACT_HASH = '07ff47b4';
+	public const REACT_HASH = 'd37a3248';
 	public const ACTIONS = [
 		'breezeStatus',
 		'breezeComment',

diff --git a/Themes/default/scripts/breezeComponents/tabs.js b/Themes/default/scripts/breezeComponents/tabs.js
diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
@@ -1,8 +1,8 @@
-import React, {Children, JSXElementConstructor, ReactNode, useCallback, useEffect, useState} from 'react';
+import React, { Children, JSXElementConstructor, ReactNode, useCallback, useEffect, useState } from 'react';
 
+import { getStatus, ServerGetStatusResponse } from '../api/StatusApi';
 import smfTextVars from '../DataSource/Txt';
-import {showInfo} from "../utils/tooltip";
-import {getStatus, ServerGetStatusResponse} from "../api/StatusApi";
+import { showInfo } from '../utils/tooltip';
 
 interface TabType {
   index: number;
@@ -47,15 +47,15 @@ function Tabs(props: { children: ReactNode; }): any {
     </li>
   ));
 
+  const mappedContent = tabs.map((tab: TabType) => (
+    <li key={tab.index} id={'#tab-' + tab.index} className={tab.active ? 'show' : 'hide'}>{tab.contentElement}</li>
+  ));
+
+
   const changeTab = useCallback((currentTab: TabType) => {
 
   }, []);
 
-  const mappedContent = Children.map(props.children, child =>
-    <li className="Row">
-    {child}
-    </li>,
-  );
 
   return <>