Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 1x 1x 1x 1x 12x 5x 7x 7x 10x 1x | /**
* @module Client.Game.Infos
* Name, grade and level module
*/
import { IStateFrontend } from '@client/reducers';
import { getSelectedCharacter } from '@client/selector';
import { CharacterFrontend } from '@models';
import * as React from 'react';
import { connect } from 'react-redux';
export interface ScreenNameProps {
character: CharacterFrontend;
}
export const ScreenNameComponent = (props: ScreenNameProps) => {
if (props.character === undefined) {
return null;
}
const { name, mat, grade } = props.character;
return (
<div className="Infos__ScreenName">
<strong>{name}</strong> ({mat}) | Grade {grade.major} galon {grade.minor}
</div>
);
};
const mapStateToProps = (state: IStateFrontend) => ({
character: getSelectedCharacter(state),
});
export const ScreenName = connect(
mapStateToProps,
)(ScreenNameComponent);
|