Gecko [ gandhischool.edu.np ]

Name	Size	Permission
admin	[ DIR ]	drwxrwxr-x
auth	[ DIR ]	drwxrwxr-x
common	[ DIR ]	drwxrwxr-x
default	[ DIR ]	drwxrwxr-x
front	[ DIR ]	drwxrwxr-x
index.tsx	1.59 KB	-rw-rw-r--

Code Editor : index.tsx

import * as React from 'react';
import { connect } from 'react-redux';
import Front from './front/Front';
import Admin from './admin/Admin';
import { compose } from 'redux';
import { actions as dashboardActions } from 'containers/front/store/dashboard/actions';
// import { confirmAlert } from 'react-confirm-alert'; 
// import 'react-confirm-alert/src/react-confirm-alert.css';

// const globalAny:any = global;
// globalAny.confirmAlert = confirmAlert;
interface IndexComponentProps {
    loggedInInfo:Array<Object>;
    getLanguage:any;
}

interface IndexComponentState {
    [key: string]: any;
}

class Index extends React.Component<IndexComponentProps, IndexComponentState> {
    public constructor(props) {
        super(props);
        this.state = {
           
        };
    }
    
    public componentDidMount(){
        this.props.getLanguage();
    }

private renderComponent = loggedInInfo => {
        if(loggedInInfo.role[0] === 'teacher' || loggedInInfo.role[0] === 'student') return <Front/>
        else if(loggedInInfo.role[0] === 'admin') return <Admin />
    }

public render() {
        const { loggedInInfo } = this.props;
        return (
            <>
                {loggedInInfo && this.renderComponent(loggedInInfo)}
            </>
        );
    }
}

const mapStateToProps = state => ({
   loggedInInfo:state.auth.logged_user,
});

const mapDispatchToProps = dispatch => ({
    getLanguage: () => {
        dispatch(dashboardActions.getLanguage());
    },
});

const withConnect = connect(
   mapStateToProps,
   mapDispatchToProps
);

export default compose(
   withConnect
)(Index);

${this.title}

Code Editor : index.tsx