jab2870/Vim-Vixen
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

rename serach engine

Browse source
This commit is contained in:
Shin'ya Ueoka 2017-11-26 11:37:25 +09:00
parent 7e2c2476ef
commit d195890eb9
3 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/settings/components/form/search-engine-form.jsx → src/settings/components/form/search-form.jsx
View file

@ -1,9 +1,9 @@
import './search-engine-form.scss'; import './search-form.scss';
import { h, Component } from 'preact'; import { h, Component } from 'preact';
import AddButton from '../ui/add-button'; import AddButton from '../ui/add-button';
import DeleteButton from '../ui/delete-button'; import DeleteButton from '../ui/delete-button';
class SearchEngineForm extends Component { class SearchForm extends Component {
render() { render() {
let value = this.props.value; let value = this.props.value;
@ -15,15 +15,15 @@ class SearchEngineForm extends Component {
engines engines
} = value; } = value;
return <div className='form-search-engine-form'> return <div className='form-search-form'>
<div className='form-search-engine-form-header'> <div className='form-search-form-header'>
<div className='column-name'>Name</div> <div className='column-name'>Name</div>
<div className='column-url'>URL</div> <div className='column-url'>URL</div>
<div className='column-option'>Default</div> <div className='column-option'>Default</div>
</div> </div>
{ {
engines.map((engine, index) => { 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' <input data-index={index} type='text' name='name'
className='column-name' value={engine[0]} className='column-name' value={engine[0]}
onChange={this.bindValue.bind(this)} /> onChange={this.bindValue.bind(this)} />
@ -70,4 +70,4 @@ class SearchEngineForm extends Component {
} }
} }
export default SearchEngineForm; export default SearchForm;

2
src/settings/components/form/search-engine-form.scss → src/settings/components/form/search-form.scss
View file

@ -1,4 +1,4 @@
.form-search-engine-form { .form-search-form {
@mixin row-base { @mixin row-base {
display: flex; display: flex;

4
src/settings/components/index.jsx
View file

@ -1,7 +1,7 @@
import './site.scss'; import './site.scss';
import { h, Component } from 'preact'; import { h, Component } from 'preact';
import Input from './ui/input'; 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 KeymapsForm from './form/keymaps-form';
import BlacklistForm from './form/blacklist-form'; import BlacklistForm from './form/blacklist-form';
import * as settingActions from 'settings/actions/setting'; import * as settingActions from 'settings/actions/setting';
@ -49,7 +49,7 @@ class SettingsComponent extends Component {
</fieldset> </fieldset>
<fieldset> <fieldset>
<legend>Search Engines</legend> <legend>Search Engines</legend>
<SearchEngineForm <SearchForm
value={this.state.settings.form.search} value={this.state.settings.form.search}
onChange={value => this.bindForm('search', value)} onChange={value => this.bindForm('search', value)}
/> />