Fixed Octicon errors

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">