Allow multiple patterns per question (seanprashad#22)

* Allow multiple patterns per question

Fixes seanprashad#10

* Convert pattern field to array

This update will allow multiple patterns to be added per question.

* Update Pattern column cell render to support multiple patterns

Author: Sean

src/components/Table/index.js

@@ -110,6 +110,20 @@ const Table = () => {
           {
             Header: 'Pattern',
             accessor: 'pattern',
+            Cell: cellInfo => {
+              const patterns = `${cellInfo.row.original.pattern}`
+                .split(',')
+                .map(pattern => {
+                  return (
+                    <Badge key={pattern} className={pattern} pill>
+                      {pattern}
+                    </Badge>
+                  );
+                });
+
+              return <Row className="patterns">{patterns}</Row>;
+            },
+
             Filter: SelectColumnFilter,
           },
           {
@@ -172,9 +186,6 @@ const Table = () => {
       columns,
       data,
       defaultColumn,
-      initialState: {
-        sortBy: [{ id: 'pattern' }],
-      },
     },
     useFilters,
     useSortBy,

src/components/Table/styles.scss

@@ -31,7 +31,8 @@
     background-color: #d9534f;
   }
 
-  .companies {
+  .companies,
+  .patterns {
     justify-content: space-evenly;
     margin: 0;
   }