Increase the limit for batch queries

Author: caduribas

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

@@ -16,7 +16,7 @@ class Results extends React.Component {
   }
 
   onSeeResults(e) {
-    if (e.target.value === 'Select a job ID'){
+    if (e.target.value === 'Select an Id to check the results'){
       store.dispatch(actionCreators.onClearJobId());
     } else {
       store.dispatch(actionCreators.onClearResult());
@@ -56,14 +56,15 @@ class Results extends React.Component {
           this.props.jobList && this.props.jobList.length > 0 && (
             <div>
               <div className="small-12 columns">
+                <small>{this.props.jobList.length} sequences were submitted. </small>
                 <CSVLink data={Object.entries(this.props.jobList)} filename={"job-ids.csv"}>
                   <small>Download the Ids</small>
                 </CSVLink>
-                <small> for future reference</small>
+                <small> for future reference.</small>
               </div>
               <div className="small-12 columns">
                 <select onChange={this.onSeeResults}>
-                  <option key={'no-job-selected'}>Select a job ID</option>
+                  <option key={'no-job-selected'}>Select an Id to check the results</option>
                   {this.props.jobList.map((job) => <option key={job}>{job}</option>)}
                 </select>
               </div>

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

@@ -40,7 +40,7 @@ class SearchForm extends React.Component {
 
     // split the sequence for batch queries and set a limit on the number of queries
     if (state.fileUpload && state.sequence) {
-      let getSequence = state.sequence.split(/(?=>)/g).slice(0, 30);
+      let getSequence = state.sequence.split(/(?=>)/g).slice(0, 50);
       store.dispatch(actions.onMultipleSubmit(getSequence, this.props.databases));
     } else if (state.sequence && state.sequence.match("^([0-9a-fA-F]{8})-(([0-9a-fA-F]{4}\\-){3})([0-9a-fA-F]{12})$")) {
       store.dispatch(actions.updateJobId(state.sequence));
@@ -81,7 +81,7 @@ class SearchForm extends React.Component {
                 <label htmlFor="file-upload" className="custom-file-upload" style={{background: uploadButtonColor}}>Upload file</label>
                 <input id="file-upload" type="file" accept=".fasta" onClick={ this.props.onClearSequence } onChange={this.props.onFileUpload} />
               </div>
-              <div className="row"><small>Up to 30 queries</small></div>
+              <div className="row"><small>Up to 50 queries</small></div>
             </div>
             <div className="small-12 columns" style={{marginTop: "-10px", marginBottom: "10px"}}>
               {this.props.examples ? <div id="examples"><ul>Examples: {this.showExamples()}</ul></div> : ""}