diff --git a/src/common/PaginateInput/index.js b/src/common/PaginateInput/index.js deleted file mode 100644 index 60b8c3e91..000000000 --- a/src/common/PaginateInput/index.js +++ /dev/null @@ -1,3 +0,0 @@ -const PaginateInput = require('./PaginateInput'); - -module.exports = PaginateInput; \ No newline at end of file diff --git a/src/common/PaginateInput/PaginateInput.js b/src/common/PaginationInput/PaginationInput.js similarity index 89% rename from src/common/PaginateInput/PaginateInput.js rename to src/common/PaginationInput/PaginationInput.js index 9795238a3..77bb38f5c 100644 --- a/src/common/PaginateInput/PaginateInput.js +++ b/src/common/PaginationInput/PaginationInput.js @@ -5,7 +5,7 @@ const Icon = require('stremio-icons/dom'); const Button = require('stremio/common/Button'); const styles = require('./styles'); -const PaginateInput = ({ className, label, dataset, onSelect, ...props }) => { +const PaginationInput = ({ className, label, dataset, onSelect, ...props }) => { const prevNextButtonOnClick = React.useCallback((event) => { if (typeof onSelect === 'function') { onSelect({ @@ -18,7 +18,7 @@ const PaginateInput = ({ className, label, dataset, onSelect, ...props }) => { } }, [dataset, onSelect]); return ( -
+
@@ -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 ( -