35 lines
938 B
JavaScript
35 lines
938 B
JavaScript
|
import React from 'react';
|
||
|
|
import Navicon from '../../containers/Navicon';
|
||
|
|
import FileInput from '../FileInput';
|
||
|
|
|
||
|
|
const Settings = ({ settings, onCertChange, onKeyChange, uploadCert }) => {
|
||
|
|
const status = settings.get('uploadingCert') ? 'Uploading...' : 'Upload';
|
||
|
|
const error = settings.get('certError');
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="settings">
|
||
|
|
<Navicon />
|
||
|
|
<h1>Settings</h1>
|
||
|
|
<h2>Client Certificate</h2>
|
||
|
|
<div>
|
||
|
|
<p>Certificate</p>
|
||
|
|
<FileInput
|
||
|
|
name={settings.get('certFile') || 'Select Certificate'}
|
||
|
|
onChange={onCertChange}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>Private Key</p>
|
||
|
|
<FileInput
|
||
|
|
name={settings.get('keyFile') || 'Select Key'}
|
||
|
|
onChange={onKeyChange}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<button onClick={uploadCert}>{status}</button>
|
||
|
|
{ error ? <p className="error">{error}</p> : null }
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Settings;
|