Use plugin:prettier/recommended

1 files changed, 30 insertions, 24 deletions

diff --git a/src/settings/components/form/KeymapsForm.tsx b/src/settings/components/form/KeymapsForm.tsx
index dc74de3..b9af0df 100644
--- a/src/settings/components/form/KeymapsForm.tsx
+++ b/src/settings/components/form/KeymapsForm.tsx
@@ -1,8 +1,8 @@
-import './KeymapsForm.scss';
-import React from 'react';
-import Input from '../ui/Input';
-import keymaps from '../../keymaps';
-import { FormKeymaps } from '../../../shared/SettingData';
+import "./KeymapsForm.scss";
+import React from "react";
+import Input from "../ui/Input";
+import keymaps from "../../keymaps";
+import { FormKeymaps } from "../../../shared/SettingData";
 
 interface Props {
   value: FormKeymaps;
@@ -19,25 +19,31 @@ class KeymapsForm extends React.Component<Props> {
 
   render() {
     const values = this.props.value.toJSON();
-    return <div className='form-keymaps-form'>
-      {
-        keymaps.fields.map((group, index) => {
-          return <div key={index} className='form-keymaps-form-field-group'>
-            {
-              group.map(([name, label]) => {
-                const value = values[name] || '';
-                return <Input
-                  type='text' id={name} name={name} key={name}
-                  label={label} value={value}
-                  onValueChange={this.bindValue.bind(this)}
-                  onBlur={this.props.onBlur}
-                />;
-              })
-            }
-          </div>;
-        })
-      }
-    </div>;
+    return (
+      <div className="form-keymaps-form">
+        {keymaps.fields.map((group, index) => {
+          return (
+            <div key={index} className="form-keymaps-form-field-group">
+              {group.map(([name, label]) => {
+                const value = values[name] || "";
+                return (
+                  <Input
+                    type="text"
+                    id={name}
+                    name={name}
+                    key={name}
+                    label={label}
+                    value={value}
+                    onValueChange={this.bindValue.bind(this)}
+                    onBlur={this.props.onBlur}
+                  />
+                );
+              })}
+            </div>
+          );
+        })}
+      </div>
+    );
   }
 
   bindValue(name: string, value: string) {