JavaScriptExample
diff --git a/‎src/skins/vector/img/50e2c2.png‎
146 Bytes b/‎src/skins/vector/img/50e2c2.png‎
146 Bytes
diff --git a/‎src/skins/vector/img/80cef4.png‎
146 Bytes b/‎src/skins/vector/img/80cef4.png‎
146 Bytes
diff --git a/‎src/skins/vector/img/f4c371.png‎
146 Bytes b/‎src/skins/vector/img/f4c371.png‎
146 Bytes
diff --git a/‎src/skins/vector/views/atoms/RoomAvatar.js‎
Lines changed: 18 additions & 0 deletions b/‎src/skins/vector/views/atoms/RoomAvatar.js‎
Lines changed: 18 additions & 0 deletions
@@ -17,13 +17,31 @@ limitations under the License.
 'use strict';
 
 var React = require('react');
+var MatrixClientPeg = require('matrix-react-sdk/lib/MatrixClientPeg');
 
 var RoomAvatarController = require('matrix-react-sdk/lib/controllers/atoms/RoomAvatar')
 
 module.exports = React.createClass({
     displayName: 'RoomAvatar',
     mixins: [RoomAvatarController],
 
+    getUrlList: function() {
+        return [
+            this.roomAvatarUrl(),
+            this.getOneToOneAvatar(),
+            this.getFallbackAvatar()
+        ];
+    },
+
+    getFallbackAvatar: function() {
+        var images = [ '80cef4', '50e2c2', 'f4c371' ];
+        var total = 0;
+        for (var i = 0; i < this.props.room.roomId.length; ++i) {
+            total += this.props.room.roomId.charCodeAt(i);
+        }
+        return 'img/' + images[total % images.length] + '.png';
+    },
+
     render: function() {
         return (
             <img className="mx_RoomAvatar" src={this.state.imageUrl} onError={this.onError}