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

Remove redux from detailed rating component

Browse Source
This commit is contained in:
Jayasanka 2019-06-17 15:28:15 +05:30
parent 4a38f877a0
commit d188b18bc5
2 changed files with 40 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/detailed-rating/DetailedRating.js vendored
View File

@ -21,8 +21,8 @@ class DetailedRating extends React.Component{
this.getData(this.props.uuid);
}
componentDidUpdate(nextProps) {
if (nextProps !== this.props) {
componentDidUpdate(prevProps, prevState) {
if (prevProps.uuid !== this.props.uuid) {
this.getData(this.props.uuid);
}
}

56
components/application-mgt/org.wso2.carbon.device.application.mgt.store.ui/react-app/src/components/apps/release/DetailedRating.js vendored
View File

@ -1,31 +1,52 @@
import React from "react";
import {Row, Typography, Icon} from "antd";
import StarRatings from "react-star-ratings";
import axios from "axios";
import "./DetailedRating.css";
import {connect} from "react-redux";
import {getDetailedRating} from "../../../js/actions";
import config from "../../../../public/conf/config.json";
const { Text } = Typography;
// connecting state. with the component
const mapStateToProps= state => {
return {detailedRating : state.detailedRating}
};
class DetailedRating extends React.Component{
const mapDispatchToProps = dispatch => ({
getDetailedRating: (uuid) => dispatch(getDetailedRating(uuid))
});
class ConnectedDetailedRating extends React.Component{
componentDidMount() {
this.props.getDetailedRating(this.props.uuid);
constructor(props){
super(props);
this.state={
detailedRating: null
}
}
componentDidMount() {
this.getData(this.props.uuid);
}
componentDidUpdate(prevProps, prevState) {
if (prevProps.uuid !== this.props.uuid) {
this.getData(this.props.uuid);
}
}
getData = (uuid)=>{
const request = "method=get&content-type=application/json&payload={}&api-endpoint=/application-mgt-store/v1.0/reviews/"+uuid+"/rating";
return axios.post(config.serverConfig.protocol + "://"+config.serverConfig.hostname + ':' + config.serverConfig.httpsPort + config.serverConfig.invokerUri, request
).then(res => {
if (res.status === 200) {
let detailedRating = res.data.data;
this.setState({
detailedRating
})
}
}).catch(function (error) {
if (error.response.status === 401) {
window.location.href = config.serverConfig.protocol + "://" + config.serverConfig.hostname + ':' + config.serverConfig.httpsPort+'/publisher/login';
}
});
};
render() {
const detailedRating = this.props.detailedRating;
const detailedRating = this.state.detailedRating;
console.log(detailedRating);
@ -96,6 +117,5 @@ class ConnectedDetailedRating extends React.Component{
}
}
const DetailedRating = connect(mapStateToProps,mapDispatchToProps)(ConnectedDetailedRating);
export default DetailedRating;