From c60d0e7392fc708e961614d6b756a045de74f458 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Tue, 30 Apr 2019 14:00:07 +0900
Subject: Rename .js/.jsx to .ts/.tsx

---
 src/settings/components/form/SearchForm.jsx | 92 -----------------------------
 1 file changed, 92 deletions(-)
 delete mode 100644 src/settings/components/form/SearchForm.jsx

(limited to 'src/settings/components/form/SearchForm.jsx')

diff --git a/src/settings/components/form/SearchForm.jsx b/src/settings/components/form/SearchForm.jsx
deleted file mode 100644
index 6b0bd01..0000000
--- a/src/settings/components/form/SearchForm.jsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import './SearchForm.scss';
-import React from 'react';
-import PropTypes from 'prop-types';
-import AddButton from '../ui/AddButton';
-import DeleteButton from '../ui/DeleteButton';
-
-class SearchForm extends React.Component {
-
-  render() {
-    let value = this.props.value;
-    if (!value.engines) {
-      value.engines = [];
-    }
-
-    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>
-      {
-        value.engines.map((engine, index) => {
-          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)}
-              onBlur={this.props.onBlur}
-            />
-            <input data-index={index} type='text' name='url'
-              placeholder='http://example.com/?q={}'
-              className='column-url' value={engine[1]}
-              onChange={this.bindValue.bind(this)}
-              onBlur={this.props.onBlur}
-            />
-            <div className='column-option'>
-              <input data-index={index} type='radio' name='default'
-                checked={value.default === engine[0]}
-                onChange={this.bindValue.bind(this)} />
-              <DeleteButton data-index={index} name='delete'
-                onClick={this.bindValue.bind(this)} />
-            </div>
-          </div>;
-        })
-      }
-      <AddButton name='add' style={{ float: 'right' }}
-        onClick={this.bindValue.bind(this)} />
-    </div>;
-  }
-
-  bindValue(e) {
-    let value = this.props.value;
-    let name = e.target.name;
-    let index = e.target.getAttribute('data-index');
-    let next = {
-      default: value.default,
-      engines: value.engines ? value.engines.slice() : [],
-    };
-
-    if (name === 'name') {
-      next.engines[index][0] = e.target.value;
-      next.default = this.props.value.engines[index][0];
-    } else if (name === 'url') {
-      next.engines[index][1] = e.target.value;
-    } else if (name === 'default') {
-      next.default = this.props.value.engines[index][0];
-    } else if (name === 'add') {
-      next.engines.push(['', '']);
-    } else if (name === 'delete') {
-      next.engines.splice(index, 1);
-    }
-
-    this.props.onChange(next);
-    if (name === 'delete' || name === 'default') {
-      this.props.onBlur();
-    }
-  }
-}
-
-SearchForm.propTypes = {
-  value: PropTypes.shape({
-    default: PropTypes.string,
-    engines: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
-  }),
-  onChange: PropTypes.func,
-};
-
-SearchForm.defaultProps = {
-  value: { default: '', engines: []},
-  onChange: () => {},
-};
-
-export default SearchForm;
-- 
cgit v1.2.3