Gecko [ gandhischool.edu.np ]

Name	Size	Permission
components	[ DIR ]	drwxrwxr-x
config	[ DIR ]	drwxrwxr-x
images	[ DIR ]	drwxrwxr-x
store	[ DIR ]	drwxrwxr-x
Admin.tsx	2.45 KB	-rwxrwxr-x
index.tsx	979 B	-rwxrwxr-x

Code Editor : Admin.tsx

import * as React from 'react';
import { connect } from 'react-redux';
import { actions as authActions } from 'containers/auth/store/actions';
import { saga as authSaga } from 'containers/auth/store/saga';
import logo from 'assets/img/logo.png';
import { ShowErrors } from 'containers/common/index';
import { compose } from 'redux';
import { Header ,Footer } from './index'
import { adminRoutes } from 'config';
import { renderRoutes } from 'react-router-config';

interface FrontComponentProps {
    handleSubmit?:any;
    errors: any;
    location?:any;
    roleResponse?:any;
    history?:any;
    authInfo?:any;
}

interface FrontComponentState {
    [key: string]: any;
    uuid: string;
    user_id:number;
    loading: boolean;
    roleData:any,
    isContinue:boolean,
    user_token:string
}

class Front extends React.Component<FrontComponentProps, FrontComponentState> {
    public constructor(props) {
        super(props);
        this.state = {
            uuid: '',
            user_id: null,
            user_type: '',
            loading: true,
            roleData:[],
            isContinue:false,
            user_token:""
        };
    }

private handleSubmit = (e) =>{
        e.preventDefault();
        const userInfo=this.props.location.state;
        const data={
            uuid:userInfo.uuid,
            user_id:userInfo.id,
            user_type:this.state.user_type,
            user_token:userInfo.user_token,
        }
        this.props.handleSubmit(data);
    }

public componentDidUpdate(prevProps) {
        const { errors,authInfo,history } = this.props;
        if (prevProps.errors !== errors) {
            if (errors.data && errors.data.success == false)
                this.setState({ validations: errors.data.message });
        }

if (prevProps.authInfo !== authInfo) {
            if (authInfo.data && errors.data.success == true)
                this.setState({ validations: errors.data.message });
        }
    }

public render() {
        return (
            <>
            <Header/>
                <main className="dashboard-contents"> 
                    {renderRoutes(adminRoutes)}
                </main>
            <Footer/>
            </>
           );
    }
}

const mapStateToProps = state => ({
    errors: state.auth.error,
    authInfo: state.auth.data,
});

const mapDispatchToProps = dispatch => ({
  
});

const withConnect = connect(
   mapStateToProps,
   null
);

export default compose(
   withConnect
)(Front);

${this.title}

Code Editor : Admin.tsx