From e9cb61a534912c57a20c66d7966764560e194c2e Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Tue, 6 Jun 2017 12:13:26 -0300
Subject: [PATCH] Arrow for filtering

---
 client/coral-embed-stream/src/components/Comment.js        | 4 ++--
 client/coral-embed-stream/src/components/ViewingOptions.js | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/coral-embed-stream/src/components/Comment.js b/client/coral-embed-stream/src/components/Comment.js
index 1364e7748..76a648ca4 100644
--- a/client/coral-embed-stream/src/components/Comment.js
+++ b/client/coral-embed-stream/src/components/Comment.js
@@ -243,9 +243,9 @@ class Comment extends React.Component {
       let res = [];
 
       // Adding classNames based on tags
-      Object.keys(className).map(cn => {
+      Object.keys(className).map((cn) => {
         const condition = className[cn];
-        condition.tags.forEach(tag => {
+        condition.tags.forEach((tag) => {
           if (hasTag(comment.tags, tag)) {
             res = [...res, cn];
           }
diff --git a/client/coral-embed-stream/src/components/ViewingOptions.js b/client/coral-embed-stream/src/components/ViewingOptions.js
index 8477a78ea..c40b23d39 100644
--- a/client/coral-embed-stream/src/components/ViewingOptions.js
+++ b/client/coral-embed-stream/src/components/ViewingOptions.js
@@ -2,6 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import styles from './ViewingOptions.css';
 import Slot from 'coral-framework/components/Slot';
+import {Icon} from 'coral-ui';
 
 export default class ViewingOptions extends React.Component {
   constructor() {
@@ -21,7 +22,9 @@ export default class ViewingOptions extends React.Component {
     return (
       <div className={cn([styles.viewingOptions, 'streamViewingOptions'])}>
         <div>
-          <a onClick={this.toggleOpen}>Viewing Options</a>
+          <a onClick={this.toggleOpen}>Viewing Options
+            {this.state.open ? <Icon name="arrow_drop_up"/> : <Icon name="arrow_drop_down"/>}
+          </a>
         </div>
         {
           this.state.open ? (