From aeb438dc62ecce538c0a61e0ba76bf4c2438333d Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Sun, 17 Apr 2016 17:44:04 +0100
Subject: [PATCH] fix tbody & keying warnings

---
 src/components/views/settings/Notifications.js | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/components/views/settings/Notifications.js b/src/components/views/settings/Notifications.js
index f6536aa0..72dc4e94 100644
--- a/src/components/views/settings/Notifications.js
+++ b/src/components/views/settings/Notifications.js
@@ -581,7 +581,7 @@ module.exports = React.createClass({
 
     renderNotifRulesTableRow: function(title, className, pushRuleVectorState) {
         return (
-            <tr key = {className}>
+            <tr key={ className }>
                 <th>
                     {title}
                 </th>
@@ -692,17 +692,21 @@ module.exports = React.createClass({
             // and this wouldn't be hard to add.
             var rows = [];
             for (var i = 0; i < this.state.pushers.length; ++i) {
-                rows.push(<tr>
+                rows.push(<tr key={ i }>
                     <td>{this.state.pushers[i].app_display_name}</td>
                     <td>{this.state.pushers[i].device_display_name}</td>
                 </tr>);
             }
             devicesSection = (<table className="mx_UserSettings_devicesTable">
-                <tr>
-                    <th>Application</th>
-                    <th>Device</th>
-                </tr>
-                {rows}
+                <thead>
+                    <tr>
+                        <th>Application</th>
+                        <th>Device</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {rows}
+                </tbody>
             </table>);
         }