community/device-mgt-core
1
0
Fork 0
mirror of https://repository.entgra.net/community/device-mgt-core.git synced 2025-10-06 02:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Load data from Redux state

Browse Source
This commit is contained in:
Jayasanka 2019-04-29 16:21:03 +05:30
parent 321a2e902c
commit 1b3390f1b9
2 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/AppList.js vendored
View File

@ -1,30 +1,25 @@
import React from "react";
import AppCard from "./AppCard";
import {Col, Row} from "antd";
import {connect} from "react-redux";
class AppList extends React.Component {
// connecting state.articles with the component
const mapStateToProps= state => {
return {apps : state.apps}
};
class ConnectedAppList extends React.Component {
constructor(props) {
super(props);
this.state = {
apps: [
{
id: 1,
title: 'Hi',
platform: 'android',
description: 'lorem',
subType: 'FREE',
type: 'ENTERPRISE'
}
]
}
}
render() {
return (
<Row gutter={16}>
{this.state.apps.map(app => (
<Col xs={24} sm={12} md={6} lg={6}>
<AppCard title={app.title}
{this.props.apps.map(app => (
<Col key={app.id} xs={24} sm={12} md={6} lg={6}>
<AppCard key={app.id} title={app.title}
platform={app.platform}
type={app.type}
subType={app.subType}
@ -36,4 +31,6 @@ class AppList extends React.Component {
}
}
const AppList = connect(mapStateToProps)(ConnectedAppList);
export default AppList;

17
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/js/reducers/index.js vendored
View File

@ -1,7 +1,22 @@
import {GET_APPS} from "../constants/action-types";
const initialState = {
apps : []
apps: [{
id: 1,
title: 'Hi',
platform: 'android',
description: 'lorem',
subType: 'FREE',
type: 'ENTERPRISE'
},
{
id: 2,
title: 'Hi',
platform: 'android',
description: 'lorem',
subType: 'FREE',
type: 'ENTERPRISE'
}]
};
function rootReducer(state = initialState, action) {