move user settings outward and use built in read receipts disabling

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

src/components/views/rooms/EventTile.js

@@ -23,7 +23,6 @@ var Modal = require('../../../Modal');
 var sdk = require('../../../index');
 var TextForEvent = require('../../../TextForEvent');
 import WithMatrixClient from '../../../wrappers/WithMatrixClient';
-import * as UserSettingsStore from "../../../UserSettingsStore";
 
 var ContextualMenu = require('../../structures/ContextualMenu');
 import dis from '../../../dispatcher';
@@ -285,8 +284,9 @@ module.exports = WithMatrixClient(React.createClass({
     },
 
     getReadAvatars: function() {
-        // return early if the user doesn't want any read receipts
-        if (UserSettingsStore.getSyncedSetting('hideReadReceipts', false)) {
+
+        // return early if there are no read receipts
+        if (!this.props.readReceipts || this.props.readReceipts.length === 0) {
             return (<span className="mx_EventTile_readAvatars"></span>);
         }