Allow multiple patterns per question (#22)

* Allow multiple patterns per question Fixes #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
seanprashad · Jun 6, 2020 · 2a91f1b · 2a91f1b
1 parent 5423f06
commit 2a91f1b
Show file tree

Hide file tree

Showing 3 changed files with 186 additions and 183 deletions.
diff --git a/src/components/Table/index.js b/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,

diff --git a/src/components/Table/styles.scss b/src/components/Table/styles.scss
@@ -31,7 +31,8 @@
     background-color: #d9534f;
   }
 
-  .companies {
+  .companies,
+  .patterns {
     justify-content: space-evenly;
     margin: 0;
   }