schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove typography warning

Browse Source
This commit is contained in:
Mario 2020-07-31 16:42:41 +02:00
parent 736f3411df
commit 6e56054d1d
1 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/WorkspaceStats.js
View File

@ -1,4 +1,4 @@
import React, {Component} from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
@ -8,7 +8,6 @@ import { withStyles } from '@material-ui/core/styles';
import Tooltip from '@material-ui/core/Tooltip'; import Tooltip from '@material-ui/core/Tooltip';
import Chip from '@material-ui/core/Chip'; import Chip from '@material-ui/core/Chip';
import Avatar from '@material-ui/core/Avatar'; import Avatar from '@material-ui/core/Avatar';
import Typography from '@material-ui/core/Typography';
import { faPuzzlePiece, faTrash, faPlus, faPen, faArrowsAlt } from "@fortawesome/free-solid-svg-icons"; import { faPuzzlePiece, faTrash, faPlus, faPen, faArrowsAlt } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@ -29,55 +28,55 @@ class WorkspaceStats extends Component {
const workspace = Blockly.getMainWorkspace(); const workspace = Blockly.getMainWorkspace();
const remainingBlocksInfinity = workspace ? workspace.remainingCapacity() !== Infinity : null; const remainingBlocksInfinity = workspace ? workspace.remainingCapacity() !== Infinity : null;
return ( return (
<div style={{marginBottom: '20px'}}> <div style={{ marginBottom: '20px' }}>
<Tooltip title="Anzahl aktueller Blöcke" > <Tooltip title="Anzahl aktueller Blöcke" >
<Chip <Chip
style={{marginRight: '1rem'}} style={{ marginRight: '1rem' }}
color="primary" color="primary"
title="Anzahl aktueller Blöcke" title="Anzahl aktueller Blöcke"
avatar={<Avatar><FontAwesomeIcon icon={faPuzzlePiece} /></Avatar>} avatar={<Avatar><FontAwesomeIcon icon={faPuzzlePiece} /></Avatar>}
label={workspace ? workspace.getAllBlocks().length : 0}> label={workspace ? workspace.getAllBlocks().length : 0}>
</Chip> </Chip>
</Tooltip> </Tooltip>
<Tooltip title="Anzahl aktueller Blöcke" > <Tooltip title="Anzahl aktueller Blöcke" >
<Chip <Chip
style={{marginRight: '1rem'}} style={{ marginRight: '1rem' }}
color="primary" color="primary"
title="Anzahl neuer Blöcke" title="Anzahl neuer Blöcke"
avatar={<Avatar><FontAwesomeIcon icon={faPlus} /></Avatar>} avatar={<Avatar><FontAwesomeIcon icon={faPlus} /></Avatar>}
label={this.props.create}> label={this.props.create}>
</Chip> </Chip>
</Tooltip> </Tooltip>
<Tooltip title="Anzahl veränderter Blöcke" > <Tooltip title="Anzahl veränderter Blöcke" >
<Chip <Chip
style={{marginRight: '1rem'}} style={{ marginRight: '1rem' }}
color="primary" color="primary"
title="Anzahl neuer Blöcke" title="Anzahl neuer Blöcke"
avatar={<Avatar><FontAwesomeIcon icon={faPen} /></Avatar>} avatar={<Avatar><FontAwesomeIcon icon={faPen} /></Avatar>}
label={this.props.change}> label={this.props.change}>
</Chip> </Chip>
</Tooltip> </Tooltip>
<Tooltip title="Anzahl bewegter Blöcke" > <Tooltip title="Anzahl bewegter Blöcke" >
<Chip <Chip
style={{marginRight: '1rem'}} style={{ marginRight: '1rem' }}
color="primary" color="primary"
avatar={<Avatar><FontAwesomeIcon icon={faArrowsAlt} /></Avatar>} avatar={<Avatar><FontAwesomeIcon icon={faArrowsAlt} /></Avatar>}
label={this.props.move}> label={this.props.move}>
</Chip> </Chip>
</Tooltip> </Tooltip>
<Tooltip title="Anzahl gelöschter Blöcke" > <Tooltip title="Anzahl gelöschter Blöcke" >
<Chip <Chip
style={{marginRight: '1rem'}} style={{ marginRight: '1rem' }}
color="primary" color="primary"
avatar={<Avatar><FontAwesomeIcon icon={faTrash} /></Avatar>} avatar={<Avatar><FontAwesomeIcon icon={faTrash} /></Avatar>}
label={this.props.delete}> label={this.props.delete}>
</Chip> </Chip>
</Tooltip> </Tooltip>
{remainingBlocksInfinity ? {remainingBlocksInfinity ?
<Tooltip title="Verbleibende Blöcke" > <Tooltip title="Verbleibende Blöcke" >
<Chip <Chip
style={{marginRight: '1rem'}} style={{ marginRight: '1rem' }}
color="primary" color="primary"
label={workspace.remainingCapacity()}> label={workspace.remainingCapacity()}>
</Chip> </Chip>
</Tooltip> : null} </Tooltip> : null}
@ -102,4 +101,4 @@ const mapStateToProps = state => ({
worskpaceChange: state.workspace.change worskpaceChange: state.workspace.change
}); });
export default connect(mapStateToProps, null)(withStyles(styles, {withTheme: true})(WorkspaceStats)); export default connect(mapStateToProps, null)(withStyles(styles, { withTheme: true })(WorkspaceStats));