remove # href from links

openingtree · Mar 25, 2020 · 0df4f5d · 0df4f5d
1 parent add2c77
commit 0df4f5d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/public/css/custom.css b/public/css/custom.css
@@ -138,4 +138,10 @@
 
 .lowOpacity {
     opacity: 0.6;
+}
+
+.linkStyle{
+    cursor:pointer;
+    color:#007bff;
+    text-decoration:none;
 }
diff --git a/src/pres/AdvancedFilters.js b/src/pres/AdvancedFilters.js
@@ -137,7 +137,7 @@ export default class AdvancedFilters extends React.Component {
     }
 
     subSectionComponent(title, label, changeCallback, children) {
-        return <div className="pgnloadersection">{title}: <span className="smallText">[<a href="#" onClick={changeCallback}>change</a>]</span>
+        return <div className="pgnloadersection">{title}: <span className="smallText">[<span className="linkStyle" onClick={changeCallback}>change</span>]</span>
         <div><b>{label}</b></div>{children}
         </div>
     }

diff --git a/src/pres/PGNLoader.js b/src/pres/PGNLoader.js
@@ -110,7 +110,7 @@ export default class PGNLoader extends React.Component {
                 <Button onClick = {this.playerColorChange('black')} color = {this.state.playerColor === 'black'?'secondary':'link'}>Black</Button>
                 </div>
             </div>
-    <div className="pgnloadersection"><a href="#" onClick ={this.toggleState('isAdvancedFiltersOpen').bind(this)}>Advanced filters <FontAwesomeIcon icon={this.state.isAdvancedFiltersOpen?faCaretUp:faCaretDown}/></a>
+    <div className="pgnloadersection"><span className="linkStyle" onClick ={this.toggleState('isAdvancedFiltersOpen').bind(this)}>Advanced filters <FontAwesomeIcon icon={this.state.isAdvancedFiltersOpen?faCaretUp:faCaretDown}/></span>
             <Collapse isOpen={this.state.isAdvancedFiltersOpen}>
             <Card>
                 <AdvancedFilters 
@@ -135,7 +135,7 @@ export default class PGNLoader extends React.Component {
                     this.props.gamesProcessed>0 || this.props.isDownloading?
                     <div>
                         <div className="pgnloadersection">
-                            {`Games Loaded: ${this.props.gamesProcessed} `}{this.props.isDownloading?<span className="stopDownloading">[<a href="#" onClick={this.stopDownloading.bind(this)}>stop</a>]</span>:""}
+                            {`Games Loaded: ${this.props.gamesProcessed} `}{this.props.isDownloading?<span className="stopDownloading">[<span className="linkStyle" onClick={this.stopDownloading.bind(this)}>stop</span>]</span>:""}
                         </div>
                         <div onClick = {()=>this.props.switchToMovesTab()} className="navLinkButton pgnloadersection">
                             <FontAwesomeIcon icon={faList} /> View Moves>>