v1.3.3-beta/UI fixes

app/src/Chat.js

@@ -41,12 +41,18 @@ import { goTo } from 'route-lite';
 import Create from './Create';
 import VideoListener from './VideoListener';
 import CallManager from './CallManager';
-import { MoreVert, PauseCircleFilled, LinkOutlined, PlayCircleFilled } from '@material-ui/icons';
+import {
+  MoreVert,
+  PauseCircleFilled,
+  LinkOutlined,
+  PlayCircleFilled,
+  Cancel,
+} from '@material-ui/icons';
 
 const giphyFetch = new GiphyFetch('ojJbIMUN6XRMn4mHiFFav3rMCpXUg8sq');
 const alertMessage = {
   name: '<alert>',
-  text: 'Functionality may be buggy, support on this site is in beta.',
+  text: 'Functionality may be buggy, support on this site is in testing.',
   time: '',
   uid: '<system>',
 };
@@ -392,7 +398,13 @@ export default class Chat extends Component {
             rowsMax="3"
             size="small"
             placeholder={this.state.gif ? 'Search something...' : 'Say something...'}
-            helperText={this.state.newMessage && !this.state.gif ? 'Enter to send' : null}
+            helperText={
+              this.state.newMessage && !this.state.gif
+                ? 'Enter to send'
+                : this.state.gif
+                ? 'Click on gif to send'
+                : null
+            }
             variant="outlined"
             className="chat-message-box addFocus"
             value={newMessage}
@@ -422,7 +434,7 @@ export default class Chat extends Component {
               startAdornment: (
                 <InputAdornment position="start">
                   <IconButton onClick={() => this.setState({ gif: !gif })} edge="start">
-                    <Gif />
+                    {gif ? <Cancel /> : <Gif />}
                   </IconButton>
                 </InputAdornment>
               ),