Merge pull request #4 from lionix-team/change-html

change button tag to a
lionix-team · Aug 17, 2019 · 47fb5d1 · 47fb5d1
2 parents 05a1eff + d511157
commit 47fb5d1
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-laravel-paginex",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Laravel Pagination with ReactJS (customizable)",
   "main": "dist/index.js",
   "scripts": {

diff --git a/src/Pagination.jsx b/src/Pagination.jsx
@@ -47,6 +47,7 @@ class Pagination extends Component {
             parameters = this.props.requestParams;
         }
         parameters.page = page;
+        console.log('ddd');
         this.props.changePage(parameters);
     };
 
@@ -88,17 +89,17 @@ class Pagination extends Component {
                     {prevPageUrl ?
                         <li className={options.prevButtonClass}
                             onClick={() => this.handleClick(current - 1)}>
-                            <button type="button"
-                                    className={options.numberButtonClass}>{options.prevButtonText}</button>
+                            <a href="javascript:void(0)"
+                               className={options.numberButtonClass}>{options.prevButtonText}</a>
                         </li> : ""}
                     {rangeWithDots.map((page, index) =>
                         this.generateNumber(page, index)
                     )}
                     {nextPageUrl ?
                         <li className={options.nextButtonClass}
                             onClick={() => this.handleClick(current + 1)}>
-                            <button type="button"
-                                    className={options.numberButtonClass}>{options.nextButtonText}</button>
+                            <a href="javascript:void(0)"
+                               className={options.numberButtonClass}>{options.nextButtonText}</a>
                         </li>
                         : ""}
                 </ul>
@@ -113,7 +114,7 @@ class Pagination extends Component {
             <li className={this.isCurrent(page) ? options.numberButtonClass + " " + options.activeClass :
                 options.numberButtonClass}
                 onClick={() => this.handleClick(page === '...' ? index + 1 : page)} key={index}>
-                <button type="button" className={options.numberClass}>{page}</button>
+                <a href="javascript:void(0)" className={options.numberClass}>{page}</a>
             </li>
         );
     }