@@ -32,10 +32,10 @@ const PaginateInput = ({ className, label, dataset, onSelect, ...props }) => {
);
};
-PaginateInput.propTypes = {
+PaginationInput.propTypes = {
className: PropTypes.string,
label: PropTypes.string,
onSelect: PropTypes.func
};
-module.exports = PaginateInput;
+module.exports = PaginationInput;
diff --git a/src/common/PaginationInput/index.js b/src/common/PaginationInput/index.js
new file mode 100644
index 000000000..99f9edf62
--- /dev/null
+++ b/src/common/PaginationInput/index.js
@@ -0,0 +1,3 @@
+const PaginationInput = require('./PaginationInput');
+
+module.exports = PaginationInput;
\ No newline at end of file
diff --git a/src/common/PaginateInput/styles.less b/src/common/PaginationInput/styles.less
similarity index 96%
rename from src/common/PaginateInput/styles.less
rename to src/common/PaginationInput/styles.less
index aa2ea0c64..d3a7ea39e 100644
--- a/src/common/PaginateInput/styles.less
+++ b/src/common/PaginationInput/styles.less
@@ -1,4 +1,4 @@
-.paginate-input-container {
+.pagination-input-container {
display: flex;
flex-direction: row;
diff --git a/src/common/index.js b/src/common/index.js
index ec1743b90..320a614d1 100644
--- a/src/common/index.js
+++ b/src/common/index.js
@@ -9,7 +9,7 @@ const MetaRow = require('./MetaRow');
const ModalDialog = require('./ModalDialog');
const Multiselect = require('./Multiselect');
const NavBar = require('./NavBar');
-const PaginateInput = require('./PaginateInput');
+const PaginationInput = require('./PaginationInput');
const PlayIconCircleCentered = require('./PlayIconCircleCentered');
const Popup = require('./Popup');
const SharePrompt = require('./SharePrompt');
@@ -38,7 +38,7 @@ module.exports = {
ModalDialog,
Multiselect,
NavBar,
- PaginateInput,
+ PaginationInput,
PlayIconCircleCentered,
Popup,
SharePrompt,
diff --git a/storybook/stories/PaginateInput/SimplePaginateInput/index.js b/storybook/stories/PaginateInput/SimplePaginateInput/index.js
deleted file mode 100644
index 8fe14c08d..000000000
--- a/storybook/stories/PaginateInput/SimplePaginateInput/index.js
+++ /dev/null
@@ -1 +0,0 @@
-require('./SimplePaginateInput');
diff --git a/storybook/stories/PaginateInput/SimplePaginateInput/styles.less b/storybook/stories/PaginateInput/SimplePaginateInput/styles.less
deleted file mode 100644
index 8217acd32..000000000
--- a/storybook/stories/PaginateInput/SimplePaginateInput/styles.less
+++ /dev/null
@@ -1,19 +0,0 @@
-:import('~stremio/common/PaginateInput/styles.less') {
- paginate-prev-button-container: prev-button-container;
- paginate-next-button-container: next-button-container;
-}
-
-.paginate-input {
- flex: none;
- align-self: flex-start;
- display: flex;
- min-width: 8rem;
- max-width: 10rem;
- margin: 1rem;
- background-color: var(--color-backgroundlighter);
-
- .paginate-prev-button-container, .paginate-next-button-container {
- width: 3rem;
- height: 3rem;
- }
-}
\ No newline at end of file
diff --git a/storybook/stories/PaginateInput/index.js b/storybook/stories/PaginateInput/index.js
deleted file mode 100644
index 8fe14c08d..000000000
--- a/storybook/stories/PaginateInput/index.js
+++ /dev/null
@@ -1 +0,0 @@
-require('./SimplePaginateInput');
diff --git a/storybook/stories/PaginateInput/SimplePaginateInput/SimplePaginateInput.js b/storybook/stories/PaginationInput/SimplePaginationInput/SimplePaginationInput.js
similarity index 72%
rename from storybook/stories/PaginateInput/SimplePaginateInput/SimplePaginateInput.js
rename to storybook/stories/PaginationInput/SimplePaginationInput/SimplePaginationInput.js
index af22bfc28..9abc98294 100644
--- a/storybook/stories/PaginateInput/SimplePaginateInput/SimplePaginateInput.js
+++ b/storybook/stories/PaginationInput/SimplePaginationInput/SimplePaginationInput.js
@@ -1,16 +1,16 @@
const React = require('react');
const { storiesOf } = require('@storybook/react');
const { action } = require('@storybook/addon-actions');
-const { PaginateInput } = require('stremio/common');
+const { PaginationInput } = require('stremio/common');
const styles = require('./styles');
-storiesOf('PaginateInput', module).add('SimplePaginateInput', () => {
+storiesOf('PaginationInput', module).add('SimplePaginationInput', () => {
const domEventHandler = React.useCallback((event) => {
action('domEventHandler')(event.currentTarget.dataset);
}, []);
return (
-