feat: expand item if searchableText is setted

RedTurtle · May 30, 2024 · f944032 · f944032
1 parent 518dd35
commit f944032
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/components/ItaliaTheme/View/CartellaModulisticaView/CartellaModulisticaView.jsx b/src/components/ItaliaTheme/View/CartellaModulisticaView/CartellaModulisticaView.jsx
@@ -108,7 +108,7 @@ const CartellaModulisticaView = ({ content }) => {
         <TextOrBlocks content={content} />
 
         {/* -------SEARCH------- */}
-        {content?.ricerca_in_testata && (
+        {(true || content?.ricerca_in_testata) && (
           <CartellaModulisticaSearchBar setSearchableText={setSearchableText} />
         )}
 

diff --git a/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx b/src/components/ItaliaTheme/View/CartellaModulisticaView/DocRow.jsx
@@ -3,7 +3,7 @@
  * @module components/theme/View/DocRow
  */
 
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import cx from 'classnames';
 import Highlighter from 'react-highlight-words';
 
@@ -59,7 +59,16 @@ const Downloads = ({ item, titleDoc, filteredWords }) => {
 const DocRow = ({ doc, items, searchableText }) => {
   const filteredWords = searchableText.split(' ');
 
-  const [itemOpen, setItemOpen] = useState(false);
+  const [itemOpen, setItemOpen] = useState(searchableText?.length > 0 ?? false);
+
+  useEffect(() => {
+    //se ho fatto una ricerca, espando l'elemento
+    if (searchableText?.length > 0) {
+      setItemOpen(true);
+    } else {
+      setItemOpen(false);
+    }
+  }, [searchableText]);
 
   const titleWrapper = (
     <div