Naming fix

src/partials/validate/ValidateItem.jsx

@@ -13,8 +13,13 @@ function ValidateTableItem(props) {
     }
   };
 
+  function openValidatePanel (event) {
+    event.stopPropagation()
+    props.setValidatePanelOpen(true)
+  }
+
   return (
-      <tr className="hover:bg-[#E2E8F0] cursor-pointer" onClick={(e) => { e.stopPropagation(); props.setValidatePanelOpen(true); }}>
+      <tr className="hover:bg-[#E2E8F0] cursor-pointer" onClick={(e) => openValidatePanel(e)}>
         <td className="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap w-px">
           <div className="flex items-center">
             <label className="inline-flex">

src/partials/validate/ValidateTable.jsx

@@ -49,28 +49,28 @@ function ValidateTable({
   ];
 
   const [selectAll, setSelectAll] = useState(false);
-  const [isCheck, setIsCheck] = useState([]);
-  const [list, setList] = useState([]);
+  const [marked, setMarked] = useState([]);
+  const [selectedList, setSelectedList] = useState([]);
 
   useEffect(() => {
-    setList(validateData);
+    setSelectedList(validateData);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const handleSelectAll = () => {
     setSelectAll(!selectAll);
-    setIsCheck(list.map(li => li.id));
+    setMarked(selectedList.map(li => li.id));
     if (selectAll) {
-      setIsCheck([]);
+      setMarked([]);
     }
   };
 
   const handleClick = e => {
     const { id, checked } = e.target;
     setSelectAll(false);
-    setIsCheck([...isCheck, id]);
+    setMarked([...marked, id]);
     if (!checked) {
-      setIsCheck(isCheck.filter(item => item !== id));
+      setMarked(marked.filter(item => item !== id));
     }
   };
 
@@ -108,7 +108,7 @@ function ValidateTable({
               </thead>
               {/* Table body */}
               <tbody className="text-sm divide-y divide-slate-200 border-b border-slate-200">
-              {list.map((data) => {
+              {selectedList.map((data) => {
                 return (
                     <ValidateTableItem
                         key={data.id}
@@ -119,7 +119,7 @@ function ValidateTable({
                         seed={data.seed}
                         check={data.check}
                         handleClick={handleClick}
-                        isChecked={isCheck.includes(data.id)}
+                        isChecked={marked.includes(data.id)}
                         setValidatePanelOpen={setValidatePanelOpen}
                     />
                 );

src/partials/validationlog/ValidateRoadMap.jsx

@@ -3,20 +3,20 @@ import React from "react";
 import ValidationSeasonItem from "./ValidationSeasonItem";
 import ValidationUsersImg from "./ValidationUsersImg";
 
-function ValidateRoadMap({ trunsSeason }) {
+function ValidateRoadMap({ season }) {
 
   return (
       <article className="pt-6">
         <div className="xl:flex">
           <div className="w-32 shrink-0">
-            <h2 className="text-xl leading-snug font-bold text-slate-800 xl:leading-7 mb-4 xl:mb-0">{trunsSeason.name}</h2>
+            <h2 className="text-xl leading-snug font-bold text-slate-800 xl:leading-7 mb-4 xl:mb-0">{season.name}</h2>
           </div>
           <div className="grow pb-6 border-b border-slate-200">
             <header>
               <div className="flex flex-nowrap items-center space-x-2 mb-6">
                 {/* Avatars */}
                 <div className="flex shrink-0 -space-x-3 -ml-px">
-                  {trunsSeason.usersImges.map(pic => {
+                  {season.usersImges.map(pic => {
                     return <ValidationUsersImg key={pic.imgId} image={pic}/>
                   })}
                 </div>
@@ -26,8 +26,8 @@ function ValidateRoadMap({ trunsSeason }) {
             {/* List */}
             <ul className="-my-2">
               {/* List item(s) */}
-              {trunsSeason.items.map((item, index) => {
-                return <ValidationSeasonItem key={item.id} length={trunsSeason.items.length} item={item} index={index}/>
+              {season.items.map((item, index) => {
+                return <ValidationSeasonItem key={item.id} length={season.items.length} item={item} index={index}/>
               })}
             </ul>
           </div>

src/partials/validationlog/ValidationSeasonItem.jsx

@@ -11,15 +11,15 @@ function ValidationSeasonItem({ length, item, index }) {
             </svg>
           </div>
           <h3 className="text-lg font-bold text-slate-800 pl-9">
-            {item.trunsText} {item.checked && <a className="cursor-pointer font-bold text-indigo-500 hover:text-indigo-600 underline hover:no-underline" >{`0x${item.seasonId}`}</a>}
+            {item.text} {item.checked && <a className="cursor-pointer font-bold text-indigo-500 hover:text-indigo-600 underline hover:no-underline" >{`0x${item.dataSeason}`}</a>}
           </h3>
         </div>
         <div className="block text-slate-800 w-fit pl-9">
-          <div className="text-base font-semibold underline mb-[-10px]">{`0x${item.seasonId}`}</div>
+          <div className="text-base font-semibold underline mb-[-10px]">{`0x${item.dataSeason}`}</div>
           <span className="font-normal text-[10px]">Transactions ID</span>
         </div>
         <div className="mb-3.5 block text-slate-800 w-fit pl-9">
-          <div className="text-base font-semibold underline mb-[-10px]">{item.seasonId}</div>
+          <div className="text-base font-semibold underline mb-[-10px]">{item.dataSeason}</div>
           <span className="font-normal text-[10px]">Validated data</span>
         </div>
         <a className="cursor-pointer pl-9 font-normal text-sm text-indigo-500 hover:text-indigo-600">Explore -&gt;</a>