import React, { Component } from 'react';

class HashSelector extends Component {
  render() {
    return (
      <div className='flex flex-row justify-center mv4'>
        <input className='mh2' type='radio' name='hash-algo' value='sha-1'
          checked={'sha-1' === this.props.hashType} onChange={this.props.setHashType} />SHA-1
        <input className='mh2' type='radio' name='hash-algo' value='sha-256'
          checked={'sha-256' === this.props.hashType} onChange={this.props.setHashType} />SHA-256
        <input className='mh2' type='radio' name='hash-algo' value='sha-384'
          checked={'sha-384' === this.props.hashType} onChange={this.props.setHashType} />SHA-384
        <input className='mh2' type='radio' name='hash-algo' value='sha-512'
          checked={'sha-512' === this.props.hashType} onChange={this.props.setHashType} />SHA-512
      </div>
    );
  }
}

export default HashSelector;
@@ -205,36 +205,36 @@
 dio' name='hash-
-algo
+type
 ' value='sha-1'%0A
@@ -374,36 +374,36 @@
 dio' name='hash-
-algo
+type
 ' value='sha-256
@@ -549,36 +549,36 @@
 dio' name='hash-
-algo
+type
 ' value='sha-384
@@ -736,12 +736,12 @@
 ash-
-algo
+type
 ' va

Use uniform names throughout