Allow the user to change the "Similar sequences" text

Author: caduribas

README.md

@@ -120,6 +120,7 @@ parameter           | description
 --------------------|-----------------------------------------------------------------------------------|
 h3Color             | change the color of the `Similar sequences` and `Rfam classification` text        |
 h3Size              | change the size of the `Similar sequences` and `Rfam classification` text         |
+similarSeqText      | change the `Similar sequences` text                                               | 
 facetColor          | change the color of the facet title                                               |
 facetSize           | change the size of the facet title                                                |
 seqTitleColor       | used in results, it changes the color of the title                                |

src/containers/SequenceSearch/components/Results/index.jsx

@@ -42,6 +42,7 @@ class Results extends React.Component {
       fontWeight: "300",
     };
     const loadMoreButtonColor = this.props.customStyle && this.props.customStyle.loadMoreButtonColor ? this.props.customStyle.loadMoreButtonColor : "";
+    const similarSeqText = this.props.customStyle && this.props.customStyle.similarSeqText ? this.props.customStyle.similarSeqText : "Similar sequences";
 
     // exact match URS ids
     const exactMatch = this.props.exactMatch;
@@ -153,7 +154,7 @@ class Results extends React.Component {
           this.props.jobId && (this.props.status === "loading" || this.props.status === "success" || this.props.status === "partial_success") && [
             <div className="row" key={`results-div`}>
               <div className="small-12 columns">
-                <h3 style={h3Style}>Similar sequences: { this.props.status === "loading" ? <i className="animated infinite flash">...</i> : <small>{ this.props.hitCount }</small> } { this.props.hits > 1000 ? <small>of { this.props.hits } <a href="https://rnacentral.org/help/sequence-search" style={{borderBottomStyle: "none"}} target="_blank"><i className="icon icon-generic icon-help" style={{fontSize: "70%"}}></i></a></small> : "" }</h3>
+                <h3 style={h3Style}>{similarSeqText}: { this.props.status === "loading" ? <i className="animated infinite flash">...</i> : <small>{ this.props.hitCount }</small> } { this.props.hits > 1000 ? <small>of { this.props.hits } <a href="https://rnacentral.org/help/sequence-search" style={{borderBottomStyle: "none"}} target="_blank"><i className="icon icon-generic icon-help" style={{fontSize: "70%"}}></i></a></small> : "" }</h3>
                 {
                   this.props.entries && this.props.entries.length || this.props.filter ? <Filter databases={this.props.databases}/> : ""
                 }