improve settings sections

This commit is contained in:
David Ralph
2021-02-28 12:23:28 +00:00
parent 78350663e1
commit d42f69ae95
5 changed files with 26 additions and 16 deletions

View File

@@ -1,19 +1,16 @@
import React from 'react';
import Checkbox from '../Checkbox';
import Dropdown from '../Dropdown';
export default function QuoteSettings (props) {
return (
<div>
<h2>Quote</h2>
<Checkbox name='greeting' text={'Enabled'}></Checkbox>
<h3>Buttons</h3>
<Checkbox name='copyButton' text={props.language.quote.copy} />
<Checkbox name='tweetButton' text={props.language.quote.tweet} />
<Checkbox name='favouriteQuoteEnabled' text={props.language.quote.favourite} />
<Dropdown label={props.language.language} name='quotelanguage' id='quotelanguage' onChange={() => localStorage.setItem('quotelanguage', document.getElementById('quotelanguage').value)}>
<option className='choices' value='English'>English</option>
<option className='choices' value='French'>Français</option>
</Dropdown>
<Checkbox name='tweetButton' text={props.language.quote.tweet} />
<Checkbox name='favouriteQuoteEnabled' text={props.language.quote.favourite} />
</div>
);
}