Use Tags input

src/atoms/Tags.css

@@ -83,53 +83,3 @@
 .react-tags__search input::-ms-clear {
   display: none;
 }
-
-.react-tags__suggestions {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  width: 100%;
-}
-
-@media screen and (min-width: 30em) {
-
-  .react-tags__suggestions {
-    width: 240px;
-  }
-
-}
-
-.react-tags__suggestions ul {
-  margin: 4px -1px;
-  padding: 0;
-  list-style: none;
-  background: white;
-  border: 1px solid #D1D1D1;
-  border-radius: 2px;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-}
-
-.react-tags__suggestions li {
-  border-bottom: 1px solid #ddd;
-  padding: 6px 8px;
-}
-
-.react-tags__suggestions li mark {
-  text-decoration: underline;
-  background: none;
-  font-weight: 600;
-}
-
-.react-tags__suggestions li:hover {
-  cursor: pointer;
-  background: #eee;
-}
-
-.react-tags__suggestions li.is-active {
-  background: #b7cfe0;
-}
-
-.react-tags__suggestions li.is-disabled {
-  opacity: 0.5;
-  cursor: auto;
-}

src/atoms/Tags.js

@@ -2,6 +2,9 @@ import React from 'react'
 import ReactTags from 'react-tag-autocomplete'
 import './Tags.css'
 
+// TODO: separate tags when pasted
+// TODO: allow tags to be edited
+
 class Tags extends React.Component {
   constructor (props) {
     super(props)