From 321a2e902c3ea196ca33ca9423ec181c45217a74 Mon Sep 17 00:00:00 2001 From: Jayasanka Date: Mon, 29 Apr 2019 16:10:06 +0530 Subject: [PATCH] Created component to list apps --- .../react-app/src/components/AppList.js | 39 +++++++++++++++++++ .../src/pages/dashboard/apps/Apps.js | 14 +------ 2 files changed, 41 insertions(+), 12 deletions(-) create mode 100644 components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/AppList.js diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/AppList.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/AppList.js new file mode 100644 index 00000000000..0c2b611cd29 --- /dev/null +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/AppList.js @@ -0,0 +1,39 @@ +import React from "react"; +import AppCard from "./AppCard"; +import {Col, Row} from "antd"; + +class AppList extends React.Component { + constructor(props) { + super(props); + this.state = { + apps: [ + { + id: 1, + title: 'Hi', + platform: 'android', + description: 'lorem', + subType: 'FREE', + type: 'ENTERPRISE' + } + ] + } + } + + render() { + return ( + + {this.state.apps.map(app => ( + + + + ))} + + ); + } +} + +export default AppList; \ No newline at end of file diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/Apps.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/Apps.js index 80a7f204860..16fc0687f51 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/Apps.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/Apps.js @@ -3,6 +3,7 @@ import "antd/dist/antd.css"; import {PageHeader, Typography,Input, Button, Row, Col} from "antd"; import AppCard from "../../../components/AppCard"; +import AppList from "../../../components/AppList"; const Search = Input.Search; @@ -47,18 +48,7 @@ class Apps extends React.Component { - - - - - - - - - - - - +