diff options
Diffstat (limited to 'ui/app/components/breadcrumbs')
-rw-r--r-- | ui/app/components/breadcrumbs/breadcrumbs.component.js | 29 | ||||
-rw-r--r-- | ui/app/components/breadcrumbs/index.js | 1 | ||||
-rw-r--r-- | ui/app/components/breadcrumbs/index.scss | 15 | ||||
-rw-r--r-- | ui/app/components/breadcrumbs/tests/breadcrumbs.component.test.js | 22 |
4 files changed, 0 insertions, 67 deletions
diff --git a/ui/app/components/breadcrumbs/breadcrumbs.component.js b/ui/app/components/breadcrumbs/breadcrumbs.component.js deleted file mode 100644 index 6644836db..000000000 --- a/ui/app/components/breadcrumbs/breadcrumbs.component.js +++ /dev/null @@ -1,29 +0,0 @@ -import React, { PureComponent } from 'react' -import PropTypes from 'prop-types' -import classnames from 'classnames' - -export default class Breadcrumbs extends PureComponent { - static propTypes = { - className: PropTypes.string, - currentIndex: PropTypes.number, - total: PropTypes.number, - } - - render () { - const { className, currentIndex, total } = this.props - - return ( - <div className={classnames('breadcrumbs', className)}> - { - Array(total).fill().map((_, i) => ( - <div - key={i} - className="breadcrumb" - style={{backgroundColor: i === currentIndex ? '#D8D8D8' : '#FFFFFF'}} - /> - )) - } - </div> - ) - } -} diff --git a/ui/app/components/breadcrumbs/index.js b/ui/app/components/breadcrumbs/index.js deleted file mode 100644 index 07a11574f..000000000 --- a/ui/app/components/breadcrumbs/index.js +++ /dev/null @@ -1 +0,0 @@ -export { default } from './breadcrumbs.component' diff --git a/ui/app/components/breadcrumbs/index.scss b/ui/app/components/breadcrumbs/index.scss deleted file mode 100644 index e23aa7970..000000000 --- a/ui/app/components/breadcrumbs/index.scss +++ /dev/null @@ -1,15 +0,0 @@ -.breadcrumbs { - display: flex; - flex-flow: row nowrap; -} - -.breadcrumb { - height: 10px; - width: 10px; - border: 1px solid #979797; - border-radius: 50%; -} - -.breadcrumb + .breadcrumb { - margin-left: 10px; -} diff --git a/ui/app/components/breadcrumbs/tests/breadcrumbs.component.test.js b/ui/app/components/breadcrumbs/tests/breadcrumbs.component.test.js deleted file mode 100644 index 5013c5b60..000000000 --- a/ui/app/components/breadcrumbs/tests/breadcrumbs.component.test.js +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' -import assert from 'assert' -import { shallow } from 'enzyme' -import Breadcrumbs from '../breadcrumbs.component' - -describe('Breadcrumbs Component', () => { - it('should render with the correct colors', () => { - const wrapper = shallow( - <Breadcrumbs - currentIndex={1} - total={3} - /> - ) - - assert.ok(wrapper) - assert.equal(wrapper.find('.breadcrumbs').length, 1) - assert.equal(wrapper.find('.breadcrumb').length, 3) - assert.equal(wrapper.find('.breadcrumb').at(0).props().style['backgroundColor'], '#FFFFFF') - assert.equal(wrapper.find('.breadcrumb').at(1).props().style['backgroundColor'], '#D8D8D8') - assert.equal(wrapper.find('.breadcrumb').at(2).props().style['backgroundColor'], '#FFFFFF') - }) -}) |