imbric-theme 0.8.5 → 0.8.7

package/molecules/FooterTable/FooterTable.js

@@ -8,7 +8,7 @@ import DynamicSelect from '../../molecules/DynamicSelect'
 import Icon from "../../atoms/Icon/Icon";
 
 
-export const FooterTable = ({ getStyles, range, setPage, setDataPage, setScrollPage, page, slice, placeholderDinamicSelect, handleResultsForPage, defaultValueSelect, positionPag, useContador, useAvancesCeil, setPositionPag, setContador }) => {
+export const FooterTable = ({ getStyles, range, setPage, setDataPage, setScrollPage, page, slice, placeholderDinamicSelect, handleResultsForPage, defaultValueSelect, positionPag, useAvancesCeil, setPositionPag }) => {
 
 
   // const [positionPag, setPositionPag] = useState(0)
@@ -18,10 +18,9 @@ export const FooterTable = ({ getStyles, range, setPage, setDataPage, setScrollP
       setPage(page - 1);
     }
 
-    console.log(useContador)
-    console.log(useAvancesCeil * 1)
+    console.log(page)
 
-  }, [slice, page, setPage, positionPag, useContador, useAvancesCeil]);
+  }, [slice, page, setPage, positionPag, useAvancesCeil]);
 
   // const nextPagScroll = (page) => {
 
@@ -41,30 +40,35 @@ export const FooterTable = ({ getStyles, range, setPage, setDataPage, setScrollP
 
       <div className={styles.tableFooter}>
 
+        {page >= 2 ?
+          <Icon
+            name="angleLeft"
+            onClick={() => { setPage(page - 1); setDataPage(page - 1); setScrollPage('angleLeft') }}
+          />
+          : null}
 
-        {positionPag !== 0 ?
 
-          <>
+        {page >= 4 ?
 
-            <Icon
-              name="angleLeft"
-              onClick={() => { setScrollPage('angleLeft') }}
-            />
+          <button
+            className={`${styles.button} ${styles.inactiveButton}`}
+            onClick={() => { setPage(1); setDataPage(1); setPositionPag(0); }}
+          >
+            1
+          </button>
 
-            <button
-              className={`${styles.button} ${styles.inactiveButton}`}
-              onClick={() => { setPage(1); setDataPage(1); setPositionPag(0); setContador(1) }}
-            >
-              1
-            </button>
+          : null}
 
-            <button
-              disabled
-              className={`${styles.button} ${styles.disabled}`}
-            >
-              ...
-            </button>
-          </> : null}
+
+        {page >= 5 ?
+
+          <button
+            disabled
+            className={`${styles.button} ${styles.disabled}`}
+          >
+            ...
+          </button>
+          : null}
 
         <div className={getStyles('footer-table-pag-box')}>
 
@@ -87,33 +91,37 @@ export const FooterTable = ({ getStyles, range, setPage, setDataPage, setScrollP
           </div>
         </div>
 
-        {useContador < useAvancesCeil && useContador !== useAvancesCeil || useContador === 1 ?
 
-          <>
+        {page <= (range.length - 4) && range.length > 5 ?
+
+          <button
+            disabled
+            className={`${styles.button} ${styles.disabled}`}
+          >
+            ...
+          </button>
 
-            <button
-              disabled
-              className={`${styles.button} ${styles.disabled}`}
-            >
-              ...
-            </button>
+          : null}
 
-            <button
-              onClick={() => { setPage(range.length); setDataPage(range.length); setPositionPag('-' + (190 * (useAvancesCeil - 1))); setContador(useAvancesCeil * 1) }}
-              className={`${styles.button} ${styles.inactiveButton}`}
-            >
-              {range.length}
-            </button>
 
-            < Icon
-              name="angleRight"
-              onClick={() => { setScrollPage('angleRight') }}
-            // onChange={item => { handleSelectRange(item); onChangeRange(item); }}
-            />
+        {page <= (range.length - 3) && range.length > 5 ?
 
-          </> : null}
+          <button
+            onClick={() => { setPage(range.length); setDataPage(range.length); setPositionPag('-' + (38 * (useAvancesCeil - 1))) }}
+            className={`${styles.button} ${styles.inactiveButton}`}
+          >
+            {range.length}
+          </button>
 
+          : null}
 
+        {page <= (range.length - 1) ?
+          < Icon
+            name="angleRight"
+            onClick={() => { setPage(page + 1); setDataPage(page + 1); setScrollPage('angleRight') }}
+          // onChange={item => { handleSelectRange(item); onChangeRange(item); }}
+          />
+          : null}
 
 
       </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",