add prettier and format all

components/LetterOptions.tsx

@@ -1,33 +1,33 @@
-import React from 'react';
+import React from 'react'
 
-import Collapsible from 'react-collapsible';
-import Input from './Input';
-import TextAreaInput from './TextAreaInput';
-import Select from './Select';
+import Collapsible from 'react-collapsible'
+import Input from './Input'
+import TextAreaInput from './TextAreaInput'
+import Select from './Select'
 
 //import './LetterOptions.css';
 
-const EXAMPLE_ADDRESS = 'Max Mustermann\nMusterstr. 73\n12345 Musterstadt';
+const EXAMPLE_ADDRESS = 'Max Mustermann\nMusterstr. 73\n12345 Musterstadt'
 
-export default function(props) {
+export default function (props) {
   const templateTypeOptions = [
     {
       value: 'brief-fam',
-      name: 'Familie'
+      name: 'Familie',
     },
     {
       value: 'brief-valerie',
-      name: 'Valerie'
+      name: 'Valerie',
     },
     {
       value: 'brief-rain',
-      name: 'Rain Baumeister'
+      name: 'Rain Baumeister',
     },
     {
       value: 'brief-thomas',
-      name: 'Thomas'
-    }
-  ];
+      name: 'Thomas',
+    },
+  ]
 
   return (
     <div className="letter-options">
@@ -46,53 +46,16 @@ export default function(props) {
         onchange={props.onChange}
         value={props.address}
       />
-      <Input
-        name="subject"
-        text="Betreff"
-        placeholder="Betreffzeile"
-        onchange={props.onChange}
-        value={props.subject}
-      />
+      <Input name="subject" text="Betreff" placeholder="Betreffzeile" onchange={props.onChange} value={props.subject} />
       <Collapsible trigger="Bezugszeichenzeile">
-        <Input
-          name="yourRef"
-          text="Ihr Zeichen"
-          onchange={props.onChange}
-          value={props.yourRef}
-        />
-        <Input
-          name="yourMail"
-          text="Ihr Schreiben vom"
-          onchange={props.onChange}
-          value={props.yourMail}
-        />
-        <Input
-          name="myRef"
-          text="Unser Zeichen"
-          onchange={props.onChange}
-          value={props.myRef}
-        />
-        <Input
-          name="customer"
-          text="Kundernummer"
-          onchange={props.onChange}
-          value={props.customer}
-        />
-        <Input
-          name="invoice"
-          text="Rechnung"
-          onchange={props.onChange}
-          value={props.invoice}
-        />
+        <Input name="yourRef" text="Ihr Zeichen" onchange={props.onChange} value={props.yourRef} />
+        <Input name="yourMail" text="Ihr Schreiben vom" onchange={props.onChange} value={props.yourMail} />
+        <Input name="myRef" text="Unser Zeichen" onchange={props.onChange} value={props.myRef} />
+        <Input name="customer" text="Kundernummer" onchange={props.onChange} value={props.customer} />
+        <Input name="invoice" text="Rechnung" onchange={props.onChange} value={props.invoice} />
       </Collapsible>
       <Collapsible trigger="Sonstige Einstellungen">
-        <Input
-          name="date"
-          text="Datum"
-          placeholder="Heute"
-          onchange={props.onChange}
-          value={props.date}
-        />
+        <Input name="date" text="Datum" placeholder="Heute" onchange={props.onChange} value={props.date} />
         <Input
           name="opening"
           text="Eröffnung"
@@ -107,12 +70,7 @@ export default function(props) {
           onchange={props.onChange}
           value={props.closing}
         />
-        <Input
-          name="specialMail"
-          text="Versandhinweis"
-          onchange={props.onChange}
-          value={props.specialMail}
-        />
+        <Input name="specialMail" text="Versandhinweis" onchange={props.onChange} value={props.specialMail} />
       </Collapsible>
       <TextAreaInput
         name="body"
@@ -122,5 +80,5 @@ export default function(props) {
         value={props.body}
       />
     </div>
-  );
-};
+  )
+}