Fixed an issue where a faction could be joined twice.

css/buttons.scss

@@ -1,5 +1,6 @@
 @import "mixins";
 @import "theme";
+@import "styles";
 
 /**
  * Styling for all buttons
@@ -16,6 +17,7 @@ button {
 
 .a-link-button,
 .std-button {
+    @extend .noselect;
     text-decoration: none;
     background-color: #555;
     color: #fff;
@@ -23,11 +25,6 @@ button {
     margin: 5px;
     border: 1px solid #333;
 
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-
     &:hover {
         background-color: #666;
     }
@@ -68,6 +65,7 @@ button {
 
 .a-link-button-bought,
 .std-button-bought {
+    @extend .noselect;
     text-decoration: none;
     background-color: #0a0;
     color: #fff;

css/popupboxes.scss

@@ -1,5 +1,6 @@
 @import "mixins";
 @import "theme";
+@import "styles";
 
 /* Pop-up boxes */
 .popup-box-container {
@@ -88,6 +89,7 @@
 .dialog-box-close-button {
     @include borderRadius(12px);
     @include boxShadow(1px 1px 3px #000);
+    @extend .noselect;
 
     float: right;
     color: #aaa;

src/Faction/FactionHelpers.jsx

@@ -46,6 +46,7 @@ export function inviteToFaction(faction) {
 }
 
 export function joinFaction(faction) {
+    if(faction.isMember) return;
 	faction.isMember = true;
     Player.factions.push(faction.name);
     const factionInfo = faction.getInfo();

src/Infiltration/ui/WireCuttingGame.tsx

@@ -100,7 +100,7 @@ export function WireCuttingGame(props: IMinigameProps): React.ReactElement {
     return (<Grid container spacing={3}>
         <GameTimer millis={timer} onExpire={props.onFailure} />
         <Grid item xs={12}>
-            <h1 className={"noselect"}>Cut the wires with the following properties!</h1>
+            <h1 className={"noselect"}>Cut the wires with the following properties! (keyboard 1 to 9)</h1>
             {questions.map((question, i) => <h3 key={i}>{question.toString()}</h3>)}
             <pre>{(new Array(wires.length)).fill(0).map((_, i) => <span key={i}>&nbsp;{i+1}&nbsp;&nbsp;&nbsp;&nbsp;</span>)}</pre>
             {(new Array(8)).fill(0).map((_, i) => <div key={i}>

src/Locations/ui/City.tsx

@@ -65,7 +65,7 @@ export class LocationCity extends React.Component<IProps, any> {
             elems.push(<pre key={i}>{lineElems(lines[i])}</pre>)
         }
 
-        return elems;
+        return <div className="noselect">{elems}</div>;
     }
 
     listCity(): React.ReactNode {

src/Locations/ui/GenericLocation.tsx

@@ -158,7 +158,7 @@ export class GenericLocation extends React.Component<IProps, any> {
         return (
             <div>
                 <StdButton onClick={this.props.returnToCity} style={this.btnStyle} text={"Return to World"} />
-                <h1>
+                <h1 className="noselect">
                     {backdoorInstalled && !Settings.DisableTextEffects
                         ? <CorruptableText content={this.props.loc.name}/>
                         : this.props.loc.name

src/Locations/ui/Root.tsx

@@ -74,7 +74,7 @@ export class LocationRoot extends React.Component<IProps, IState> {
         }
 
         return (
-            <div>
+            <div className="noselect">
                 <h2>{this.state.city}</h2>
                 <LocationCity city={city} enterLocation={this.enterLocation} />
             </div>
@@ -120,7 +120,7 @@ export class LocationRoot extends React.Component<IProps, IState> {
 
         p.loseMoney(cost);
         p.travel(to);
-        dialogBoxCreate(`You are now in ${to}!`);
+        dialogBoxCreate(<span className="noselect">You are now in {to}!</span>);
 
         // Dynamically update main menu
         if (p.firstTimeTraveled === false) {

src/Locations/ui/TravelAgencyLocation.tsx

@@ -44,7 +44,7 @@ export class TravelAgencyLocation extends React.Component<IProps, any> {
         }
 
         return (
-            <div>
+            <div className="noselect">
                 <p>
                     From here, you can travel to any other city! A ticket
                     costs {Money(CONSTANTS.TravelCost)}.