gitea-mirror/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-01-14 05:57:09 -08:00
Code Issues Packages Projects Releases Wiki Activity

Show country flag in user list of webclient (#4431)

Browse Source
This commit is contained in:
Bruno Mendes
2021-10-14 21:59:06 -03:00
committed by GitHub
parent 3bc90003b3
commit dde0f568d9
4 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
webclient/src/components/UserDisplay/UserDisplay.css
View File

@@ -8,4 +8,9 @@
height: 100%;
display: flex;
align-items: center;
}
}
.user-display__country {
width: 1.1em;
margin-right: 0.4em;
}

5
webclient/src/components/UserDisplay/UserDisplay.tsx
View File

@@ -6,6 +6,7 @@ import { NavLink, generatePath } from "react-router-dom";
import Menu from "@material-ui/core/Menu";
import MenuItem from "@material-ui/core/MenuItem";
import { Images } from "images/Images";
import { SessionService } from "api";
import { ServerSelectors } from "store";
import { RouteEnum, User } from "types";
@@ -85,7 +86,7 @@ class UserDisplay extends Component<UserDisplayProps, UserDisplayState> {
render() {
const { user } = this.props;
const { position } = this.state;
const { name } = user;
const { name, country } = user;
const isABuddy = this.isABuddy();
const isIgnored = this.isIgnored();
@@ -96,7 +97,7 @@ class UserDisplay extends Component<UserDisplayProps, UserDisplayState> {
<div className="user-display">
<NavLink to={generatePath(RouteEnum.PLAYER, { name })} className="plain-link">
<div className="user-display__details" onContextMenu={this.handleClick}>
<div className="user-display__country"></div>
<img className="user-display__country" src={Images.Countries[country]} alt={country}></img>
<div className="user-display__name single-line-ellipsis">{name}</div>
</div>
</NavLink>