aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/components/breadcrumbs
diff options
context:
space:
mode:
Diffstat (limited to 'ui/app/components/breadcrumbs')
-rw-r--r--ui/app/components/breadcrumbs/breadcrumbs.component.js29
-rw-r--r--ui/app/components/breadcrumbs/index.js1
-rw-r--r--ui/app/components/breadcrumbs/index.scss15
-rw-r--r--ui/app/components/breadcrumbs/tests/breadcrumbs.component.test.js22
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')
- })
-})