Added keyword rule icon (#201)

client/app/components/App/fontello-codes.scss

@@ -23,6 +23,7 @@
 .icon-seriousness:before { content: '\e815'; } /* '' */
 .icon-plus:before { content: '\e816'; } /* '' */
 .icon-tick:before { content: '\e817'; } /* '' */
+.icon-keyword-rule:before { content: '\e818'; }
 .icon-twitter:before { content: '\f099'; } /* '' */
 .icon-facebook:before { content: '\f09a'; } /* '' */
 .icon-sort:before { content: '\f0dc'; } /* '' */

client/app/utils/filtering.js

@@ -2,7 +2,7 @@
 export function getFilterReasonIcon(reasonType) {
   const reasons = {
     corporate: 'icon-corporate',
-    keyword: 'icon-seriousness',  // TODO: this needs a real logo
+    keyword: 'icon-keyword-rule',  // TODO: this needs a real logo
     rudeness: 'icon-toxicity',
     seriousness: 'icon-seriousness',
     virality: 'icon-virality',

client/app/utils/filtering.test.js

@@ -490,7 +490,7 @@ describe('filtering', () => {
       } = getFilteredPosts(POSTS.posts, settings, []);
       expect(keptPosts.length).toBe(1);
       expect(filteredPosts.length).toBe(2);
-      expect(filterReasons).toEqual({ 4521474: [{ label: 'Keyword', type: 'keyword', icon: 'icon-seriousness' }], 4521515: [{ label: 'Keyword', type: 'keyword', icon: 'icon-seriousness' }], 4521559: [] });
+      expect(filterReasons).toEqual({ 4521474: [{ label: 'Keyword', type: 'keyword', icon: 'icon-keyword-rule' }], 4521515: [{ label: 'Keyword', type: 'keyword', icon: 'icon-keyword-rule' }], 4521559: [] });
     });
 
     it('filters by keyword by OR', () => {
@@ -505,7 +505,7 @@ describe('filtering', () => {
       } = getFilteredPosts(POSTS.posts, settings, []);
       expect(keptPosts.length).toBe(1);
       expect(filteredPosts.length).toBe(2);
-      expect(filterReasons).toEqual({ 4521474: [{ label: 'Keyword', type: 'keyword', icon: 'icon-seriousness' }], 4521515: [], 4521559: [{ label: 'Keyword', type: 'keyword', icon: 'icon-seriousness' }] });
+      expect(filterReasons).toEqual({ 4521474: [{ label: 'Keyword', type: 'keyword', icon: 'icon-keyword-rule' }], 4521515: [], 4521559: [{ label: 'Keyword', type: 'keyword', icon: 'icon-keyword-rule' }] });
     });
   });
 });