@rnga/orders/src/dev/Renderer/MainMenu/User/index.js

## Get schema from @prisma-cms 1. yarn get-api-schema -e http://localhost:4000 2. yarn build-api-fragments

import React, { Component } from 'react';

import PropTypes from 'prop-types';

// import { graphql, compose } from 'react-apollo';
// import gql from 'graphql-tag';

// import Typography from 'material-ui/Typography';
// import Grid from 'material-ui/Grid';
// import IconButton from 'material-ui/IconButton';

// import ConnectedIcon from 'material-ui-icons/SignalCellular4Bar';
// import DisconnectedIcon from 'material-ui-icons/SignalCellularNull';

// import { Link } from 'react-router-dom';
// import TextField from 'material-ui/TextField/TextField';


// import UserLink from '../../../../../modules/ui/User/Link';

// import Wallet from '../../Wallet';

// import Subscriber from './Subscriber';

import Context from "@prisma-cms/context";
import { Typography } from 'material-ui';

export default class UserMenuItem extends Component {

  // static defaultProps = {
  // }


  static propTypes = {
    user: PropTypes.object.isRequired,
    classes: PropTypes.object.isRequired,
  }


  static contextType = Context;


  // constructor(props) {

  //   super(props);


  //   this.state = {
  //   };

  // }

  // componentDidMount() {


  // }


  render() {

    const {
      user,
      // isConnected,
      classes,
    } = this.props;

    // const {
    //   id,
    //   username,
    //   fullname,
    //   // firstname,
    //   // lastname,
    //   email,
    //   etherwallet,
    // } = user;


    // let connection;
 

    const {
      UserLink,
    } = this.context;

    const {
      fullname,
      username,
    } = user || {};

    return <UserLink
      user={user}
      style={{
        marginLeft: 5,
      }}
      variant={null}
      {...this.props}
    >
      <Typography
        className={classes.link}
      >
        {fullname || username}
      </Typography>
    </UserLink>;

  }

}