From ead3c74fe44d06c6e939145de7b788c406f77dca Mon Sep 17 00:00:00 2001
From: Menaka Jayawardena <menaka@wso2.com>
Date: Sun, 8 Oct 2017 10:54:26 +0530
Subject: [PATCH] Added key field to data table columns and rows.

---
 .../Application/ApplicationListing.jsx        | 34 +++++++++++++------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/ApplicationListing.jsx b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/ApplicationListing.jsx
index 6effa9b7ea7..9ec06153c71 100644
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/ApplicationListing.jsx
+++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/Application/ApplicationListing.jsx
@@ -223,34 +223,46 @@ class ApplicationListing extends Component {
                     {this.headers.map(header => {
                         if (header.data_id === "applicationName") {
                             return (
-                                <Col xs="4">{header.label}</Col>)
+                                <Col key={Math.random()} xs="4">{header.label}</Col>)
                         } else if (header.data_id === "image") {
-                            return (<Col xs="1">{header.label}</Col>)
+                            return (<Col key={Math.random()} xs="1">{header.label}</Col>)
                         } else if (header.data_id === "edit") {
-                            return <Col xs="1"></Col>
+                            return <Col key={Math.random()} xs="1"></Col>
                         }
-                        return (<Col>{header.label}</Col>)
+                        return (<Col key={Math.random()}>{header.label}</Col>)
                     })}
                 </Row>
                 <hr/>
                 {this.state.searchedApplications.map(application => {
                     return (
-                        <Row className="app-table-row" onClick={() => {
+                        <Row key={application.uuid} className="app-table-row" onClick={() => {
                             this.onRowClick(application.uuid)
                         }}>
-                            <Col xs="1">
+                            <Col key={Math.random()} xs="1">
                                 <img
                                     className="app-list-icon"
                                     src={application.icon}
                                 />
                             </Col>
-                            <Col xs="4" className="data-table-row-cell"><strong>{application.name}</strong></Col>
-                            <Col className="data-table-row-cell">{application.platform.name}</Col>
-                            <Col className="data-table-row-cell">{application.category.name}</Col>
                             <Col
-                                className="data-table-row-cell">{application.currentLifecycle.lifecycleState.name}
+                                key={Math.random()}
+                                xs="4"
+                                className="data-table-row-cell"
+                            >
+                                <strong>{application.name}</strong>
                             </Col>
-                            <Col xs="1">
+                            <Col key={Math.random()} className="data-table-row-cell">{application.platform.name}</Col>
+                            <Col key={Math.random()} className="data-table-row-cell">{application.category.name}</Col>
+                            <Col
+                                key={Math.random()}
+                                className="data-table-row-cell"
+                            >
+                                {application.currentLifecycle.lifecycleState.name}
+                            </Col>
+                            <Col
+                                xs="1"
+                                key={Math.random()}
+                            >
                                 <Button className="custom-flat grey rounded"
                                         onClick={() => this.onAppEditClick(application.uuid)}>
                                     <i className="fw fw-edit"></i>