<commit_before>// @flow
import React, { Component } from "react"
import { connect } from "react-redux"
import { Panel, PanelBody } from "dicty-components-panel"
import { Link } from "react-router-dom"
import { Flex, Box } from "rebass"
import { Container, DictyHeader, Breadcrumb } from "styles"
import FontAwesome from "react-fontawesome"
import type { MapStateToProps } from "react-redux"

type Props = {
  user: Object,
  provider: string,
}

export class MyDsc extends Component<Props> {
  displayName = "user profile"
  render() {
    const { auth } = this.props
    return (
      <Container>
        <Flex wrap justify="center">
          <Box w={1}>
            <Breadcrumb>
              <li>
                <Link to="/">Home</Link>
              </li>
              <li>My DSC</li>
            </Breadcrumb>
          </Box>
          <Box w={1}>
            <DictyHeader>
              <h2>My DSC</h2>
            </DictyHeader>
          </Box>
          <Box w={3 / 4}>
            <Panel collapse>
              <PanelBody>
                <h1>
                  <FontAwesome name="user" /> Personal Information
                </h1>
                <hr />
                {auth.user.id && <h3>Id: {auth.user.id}</h3>}
                {auth.user.email && <h3>Email: {auth.user.email}</h3>}
                <h3>Provider: {auth.provider}</h3>
              </PanelBody>
            </Panel>
          </Box>
        </Flex>
      </Container>
    )
  }<commit_msg>Added the display of logged in user<commit_after>// @flow
import React, { Component } from "react"
import { connect } from "react-redux"
import { Panel, PanelBody } from "dicty-components-panel"
import { Link } from "react-router-dom"
import { Flex, Box } from "rebass"
import { Container, DictyHeader, Breadcrumb } from "styles"
import FontAwesome from "react-fontawesome"
import type { MapStateToProps } from "react-redux"

type Props = {
  user: Object,
  provider: string,
}

export class MyDsc extends Component<Props> {
  displayName = "user profile"
  render() {
    const { auth } = this.props
    return (
      <Container>
        <Flex wrap justify="center">
          <Box w={1}>
            <Breadcrumb>
              <li>
                <Link to="/">Home</Link>
              </li>
              <li>My DSC</li>
            </Breadcrumb>
          </Box>
          <Box w={1}>
            <DictyHeader>
              <h2>My DSC</h2>
            </DictyHeader>
          </Box>
          <Box w={3 / 4}>
            <Panel collapse>
              <PanelBody>
                <h1>
                  <FontAwesome name="user" /> Personal Information
                </h1>
                <hr />
                {auth.user.id && <h3>Id: {auth.user.id}</h3>}
                {auth.user.email && <h3>Email: {auth.user.email}</h3>}
                {auth.user.name && <h3>Name: {auth.user.name}</h3>}
                <h3>Provider: {auth.provider}</h3>
              </PanelBody>
            </Panel>
          </Box>
        </Flex>
      </Container>
    )
  }
{'fraction_non_alphanumeric': 0.14191852825229961, 'fraction_numerical': 0.00985545335085414, 'mean_word_length': 1.5761421319796953, 'pattern_counts': {'":': 0, '<': 79, '<?xml version=': 0, '>': 79, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2326520', 'n_tokens_mistral': 968, 'n_tokens_neox': 941, 'n_words': 223}