aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--diplomacy/web/src/gui/components/navigation.jsx6
-rw-r--r--diplomacy/web/src/gui/wizards/gameCreation/panelChoosePlayers.js4
-rw-r--r--diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js4
-rw-r--r--diplomacy/web/src/gui/wizards/gameCreation/panelChooseSettings.js4
4 files changed, 9 insertions, 9 deletions
diff --git a/diplomacy/web/src/gui/components/navigation.jsx b/diplomacy/web/src/gui/components/navigation.jsx
index ba2bf28..accac8a 100644
--- a/diplomacy/web/src/gui/components/navigation.jsx
+++ b/diplomacy/web/src/gui/components/navigation.jsx
@@ -15,7 +15,7 @@
// with this program. If not, see <https://www.gnu.org/licenses/>.
// ==============================================================================
import React from "react";
-import Octicon, {Person} from "@primer/octicons-react";
+import {PersonIcon} from "@primer/octicons-react";
import PropTypes from "prop-types";
export class Navigation extends React.Component {
@@ -33,7 +33,7 @@ export class Navigation extends React.Component {
<div className={'float-right'}>
<strong>
<u className={'mr-2'}>{this.props.username}</u>
- <Octicon icon={Person}/>
+ <PersonIcon/>
</strong>
</div>
)) || (
@@ -44,7 +44,7 @@ export class Navigation extends React.Component {
{(this.props.username && (
<span>
<u className={'mr-2'}>{this.props.username}</u>
- <Octicon icon={Person}/>
+ <PersonIcon/>
</span>
)) || 'Menu'}
</button>
diff --git a/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePlayers.js b/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePlayers.js
index e86eb7d..d263f03 100644
--- a/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePlayers.js
+++ b/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePlayers.js
@@ -17,7 +17,7 @@
import React from "react";
import {FancyBox} from "../../components/fancyBox";
import PropTypes from "prop-types";
-import Octicon, {ArrowLeft} from "@primer/octicons-react";
+import {ArrowLeftIcon} from "@primer/octicons-react";
export class PanelChoosePlayers extends React.Component {
render() {
@@ -65,7 +65,7 @@ export class PanelChoosePlayers extends React.Component {
<div className="col">
<button type="button" className="btn btn-secondary btn-sm px-3"
onClick={() => this.props.backward()}>
- <Octicon icon={ArrowLeft}/>
+ <ArrowLeftIcon/>
</button>
</div>
</div>
diff --git a/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js b/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js
index 8258acd..b6cdc4e 100644
--- a/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js
+++ b/diplomacy/web/src/gui/wizards/gameCreation/panelChoosePower.js
@@ -17,7 +17,7 @@
import React from "react";
import {FancyBox} from "../../components/fancyBox";
import PropTypes from "prop-types";
-import Octicon, {ArrowLeft} from "@primer/octicons-react";
+import {ArrowLeftIcon} from "@primer/octicons-react";
export class PanelChoosePower extends React.Component {
render() {
@@ -67,7 +67,7 @@ export class PanelChoosePower extends React.Component {
<div className="col">
<button type="button" className="btn btn-secondary btn-sm px-3"
onClick={() => this.props.backward()}>
- <Octicon icon={ArrowLeft}/>
+ <ArrowLeftIcon/>
</button>
</div>
</div>
diff --git a/diplomacy/web/src/gui/wizards/gameCreation/panelChooseSettings.js b/diplomacy/web/src/gui/wizards/gameCreation/panelChooseSettings.js
index a34a1d1..2488427 100644
--- a/diplomacy/web/src/gui/wizards/gameCreation/panelChooseSettings.js
+++ b/diplomacy/web/src/gui/wizards/gameCreation/panelChooseSettings.js
@@ -18,7 +18,7 @@ import React from "react";
import {FancyBox} from "../../components/fancyBox";
import PropTypes from "prop-types";
import {UTILS} from "../../../diplomacy/utils/utils";
-import Octicon, {ArrowLeft} from "@primer/octicons-react";
+import {ArrowLeftIcon} from "@primer/octicons-react";
const DEADLINES = [
[0, '(no deadline)'],
@@ -104,7 +104,7 @@ export class PanelChooseSettings extends React.Component {
<div className="col-sm">
<button type="button" className="btn btn-secondary btn-sm btn-block"
onClick={() => this.props.backward()}>
- <Octicon icon={ArrowLeft}/>
+ <ArrowLeftIcon/>
</button>
</div>
<div className="col-sm">