From fc98e96d9435f1c9b5c607827f66bed20baf6e75 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 25 Sep 2017 21:40:59 -0700
Subject: [PATCH] cleanup

---
 frontend/components/Editor/components/TodoItem.js |  4 ++--
 frontend/components/Editor/components/TodoList.js | 13 +++++++++++++
 frontend/components/Editor/schema.js              | 15 +++------------
 3 files changed, 18 insertions(+), 14 deletions(-)
 create mode 100644 frontend/components/Editor/components/TodoList.js

diff --git a/frontend/components/Editor/components/TodoItem.js b/frontend/components/Editor/components/TodoItem.js
index 53c38ef4..0fd1d652 100644
--- a/frontend/components/Editor/components/TodoItem.js
+++ b/frontend/components/Editor/components/TodoItem.js
@@ -23,7 +23,7 @@ export default class TodoItem extends Component {
 
     return (
       <ListItem>
-        <Checkbox
+        <Input
           type="checkbox"
           checked={checked}
           onChange={this.handleChange}
@@ -40,7 +40,7 @@ const ListItem = styled.li`
   position: relative;
 `;
 
-const Checkbox = styled.input`
+const Input = styled.input`
   position: absolute;
   left: 0;
   top: 0.4em;
diff --git a/frontend/components/Editor/components/TodoList.js b/frontend/components/Editor/components/TodoList.js
new file mode 100644
index 00000000..9cf649a6
--- /dev/null
+++ b/frontend/components/Editor/components/TodoList.js
@@ -0,0 +1,13 @@
+// @flow
+import styled from 'styled-components';
+
+const TodoList = styled.ul`
+  list-style: none;
+  padding: 0 !important;
+
+  ul {
+    padding-left: 1em;
+  }
+`;
+
+export default TodoList;
diff --git a/frontend/components/Editor/schema.js b/frontend/components/Editor/schema.js
index 279c3eb1..e915b636 100644
--- a/frontend/components/Editor/schema.js
+++ b/frontend/components/Editor/schema.js
@@ -1,11 +1,11 @@
 // @flow
 import React from 'react';
-import styled from 'styled-components';
 import Code from './components/Code';
 import InlineCode from './components/InlineCode';
 import Image from './components/Image';
 import Link from './components/Link';
 import ListItem from './components/ListItem';
+import TodoList from './components/TodoList';
 import {
   Heading1,
   Heading2,
@@ -17,15 +17,6 @@ import {
 import Paragraph from './components/Paragraph';
 import type { Props, Node, Transform } from './types';
 
-const TodoList = styled.ul`
-  list-style: none;
-  padding: 0 !important;
-
-  ul {
-    padding-left: 1em;
-  }
-`;
-
 const createSchema = () => {
   return {
     marks: {
@@ -63,7 +54,7 @@ const createSchema = () => {
     },
 
     rules: [
-      // ensure first node is a heading
+      // ensure first node is always a heading
       {
         match: (node: Node) => {
           return node.kind === 'document';
@@ -77,7 +68,7 @@ const createSchema = () => {
         },
       },
 
-      // remove any marks in first heading
+      // automatically removes any marks in first heading
       {
         match: (node: Node) => {
           return node.kind === 'heading1';