diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/settings/components/form/search-form.jsx (renamed from src/settings/components/form/search-engine-form.jsx) | 12 | ||||
-rw-r--r-- | src/settings/components/form/search-form.scss (renamed from src/settings/components/form/search-engine-form.scss) | 2 | ||||
-rw-r--r-- | src/settings/components/index.jsx | 4 |
3 files changed, 9 insertions, 9 deletions
diff --git a/src/settings/components/form/search-engine-form.jsx b/src/settings/components/form/search-form.jsx index faa066f..9bafb8d 100644 --- a/src/settings/components/form/search-engine-form.jsx +++ b/src/settings/components/form/search-form.jsx @@ -1,9 +1,9 @@ -import './search-engine-form.scss'; +import './search-form.scss'; import { h, Component } from 'preact'; import AddButton from '../ui/add-button'; import DeleteButton from '../ui/delete-button'; -class SearchEngineForm extends Component { +class SearchForm extends Component { render() { let value = this.props.value; @@ -15,15 +15,15 @@ class SearchEngineForm extends Component { engines } = value; - return <div className='form-search-engine-form'> - <div className='form-search-engine-form-header'> + return <div className='form-search-form'> + <div className='form-search-form-header'> <div className='column-name'>Name</div> <div className='column-url'>URL</div> <div className='column-option'>Default</div> </div> { engines.map((engine, index) => { - return <div key={index} className='form-search-engine-form-row'> + return <div key={index} className='form-search-form-row'> <input data-index={index} type='text' name='name' className='column-name' value={engine[0]} onChange={this.bindValue.bind(this)} /> @@ -70,4 +70,4 @@ class SearchEngineForm extends Component { } } -export default SearchEngineForm; +export default SearchForm; diff --git a/src/settings/components/form/search-engine-form.scss b/src/settings/components/form/search-form.scss index 0d33c23..8814ef5 100644 --- a/src/settings/components/form/search-engine-form.scss +++ b/src/settings/components/form/search-form.scss @@ -1,4 +1,4 @@ -.form-search-engine-form { +.form-search-form { @mixin row-base { display: flex; diff --git a/src/settings/components/index.jsx b/src/settings/components/index.jsx index ae7cd31..b7de259 100644 --- a/src/settings/components/index.jsx +++ b/src/settings/components/index.jsx @@ -1,7 +1,7 @@ import './site.scss'; import { h, Component } from 'preact'; import Input from './ui/input'; -import SearchEngineForm from './form/search-engine-form'; +import SearchForm from './form/search-form'; import KeymapsForm from './form/keymaps-form'; import BlacklistForm from './form/blacklist-form'; import * as settingActions from 'settings/actions/setting'; @@ -49,7 +49,7 @@ class SettingsComponent extends Component { </fieldset> <fieldset> <legend>Search Engines</legend> - <SearchEngineForm + <SearchForm value={this.state.settings.form.search} onChange={value => this.bindForm('search', value)} /> |