From 7d87b0c930f2bbe1849eb24d3849e705b57b783e Mon Sep 17 00:00:00 2001
From: Alf Eaton <eaton.alf@gmail.com>
Date: Thu, 14 Sep 2017 17:16:47 +0100
Subject: [PATCH] Move Tabs to component-review
---
src/atoms/Tabs.js | 37 -------------------------------------
src/atoms/Tabs.local.scss | 34 ----------------------------------
src/atoms/Tabs.md | 10 ----------
3 files changed, 81 deletions(-)
delete mode 100644 src/atoms/Tabs.js
delete mode 100644 src/atoms/Tabs.local.scss
delete mode 100644 src/atoms/Tabs.md
diff --git a/src/atoms/Tabs.js b/src/atoms/Tabs.js
deleted file mode 100644
index bc0df0571..000000000
--- a/src/atoms/Tabs.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import { compose, withState } from 'recompose'
-import classes from './Tabs.local.scss'
-
-const Tabs = ({ sections, active, setActive }) => (
- <div>
- <div className={classes.tabs}>
- {Object.keys(sections).map(key => (
- <div
- key={key}
- className={classnames(classes.tab, {
- [classes.active]: active === key
- })}
- onClick={() => setActive(key)}>
- {key}
- </div>
- ))}
- </div>
-
- <div className={classes.panes}>
- {Object.keys(sections).map(key => (
- <div
- key={key}
- className={classnames(classes.pane, {
- [classes.active]: active === key
- })}>
- {sections[key]}
- </div>
- ))}
- </div>
- </div>
-)
-
-export default compose(
- withState('active', 'setActive', props => props.active)
-)(Tabs)
diff --git a/src/atoms/Tabs.local.scss b/src/atoms/Tabs.local.scss
deleted file mode 100644
index d1f922afa..000000000
--- a/src/atoms/Tabs.local.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-.tabs {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 20px;
-}
-
-.tab {
- padding: 5px;
- color: #aaa;
- border-color: inherit;
- border-style: solid;
- border-width: 0 1px 1px 0;
- cursor: pointer;
-}
-
-.tab:hover {
- color: cornflowerblue;
-}
-
-.tab.active {
- color: cornflowerblue;
-}
-
-.tab:not(:last-child) {
- margin-right: 10px;
-}
-
-.pane {
- display: none;
-}
-
-.pane.active {
- display: block;
-}
diff --git a/src/atoms/Tabs.md b/src/atoms/Tabs.md
deleted file mode 100644
index d797b813b..000000000
--- a/src/atoms/Tabs.md
+++ /dev/null
@@ -1,10 +0,0 @@
-A set of tabs for switching between dated versions.
-
-```js
-const sections = {
- '2017-02-01': <div>bar</div>,
- '2017-02-14': <div>foo</div>
-};
-
-<Tabs sections={sections} active="2017-02-14"/>
-```
--
GitLab