Remove redux from detailed rating component

feature/appm-store/pbac
Jayasanka 5 years ago
parent 4a38f877a0
commit d188b18bc5

@ -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);
}
}

@ -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))
});
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);
}
}
class ConnectedDetailedRating extends React.Component{
getData = (uuid)=>{
const request = "method=get&content-type=application/json&payload={}&api-endpoint=/application-mgt-store/v1.0/reviews/"+uuid+"/rating";
componentDidMount() {
this.props.getDetailedRating(this.props.uuid);
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;
Loading…
Cancel
Save