From f036c414bcc91d3476a0d1843775fb299ae795c4 Mon Sep 17 00:00:00 2001
From: exoego <mogami@exoego.net>
Date: Sun, 11 Nov 2018 20:10:07 +0900
Subject: [PATCH] Fix lint errors.

---
 src/common-elements/ReadMore.tsx       | 18 ++++++++----------
 src/components/Operation/Operation.tsx |  6 +++---
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/common-elements/ReadMore.tsx b/src/common-elements/ReadMore.tsx
index fce3990c..3a021579 100644
--- a/src/common-elements/ReadMore.tsx
+++ b/src/common-elements/ReadMore.tsx
@@ -1,22 +1,21 @@
 import * as React from 'react';
 
+import {Markdown} from '../components';
 import styled from '../styled-components';
-import {ShelfIcon} from "./shelfs";
-import {Markdown} from "../components";
-
+import {ShelfIcon} from './shelfs';
 
 export interface ReadMoreProps {
   content?: string;
 }
 
 interface ReadMoreState {
-  open: boolean
+  open: boolean;
 }
 
 const ReadMoreWrapper = styled.div`
   position: relative;
   overflow: hidden;
-  max-height: ${(props: ReadMoreState) => props.open ? 'auto': '5em'};
+  max-height: ${(props: ReadMoreState) => props.open ? 'auto' : '5em'};
   padding-bottom: ${(props: ReadMoreState) => props.open ? '3em' : '1em'};
 `;
 
@@ -27,7 +26,7 @@ const ReadMoreButtonBackground = styled.div`
   background-image: linear-gradient(to bottom, rgba(255,255,255,0.3), white);
   width: 100%;
   bottom: 0;
-  padding: ${(props: ReadMoreState) => props.open ? '0': '2em'};
+  padding: ${(props: ReadMoreState) => props.open ? '0' : '2em'};
 `;
 
 const ReadMoreButton = styled.span`
@@ -41,18 +40,17 @@ const ReadMoreButtonText = styled.span`
   text-transform: uppercase;
 `;
 
-
 export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
   constructor(props: ReadMoreProps) {
     super(props);
     this.state = {
-      open: false
+      open: false,
     };
   }
 
   toggle = () => {
     this.setState(prevState => ({
-      open: !prevState.open
+      open: !prevState.open,
     }));
   };
 
@@ -60,7 +58,7 @@ export class ReadMore extends React.Component<ReadMoreProps, ReadMoreState> {
     const { content } = this.props;
 
     if (!content) {
-      return <ReadMoreWrapper open={false} />
+      return <ReadMoreWrapper open={false} />;
     }
 
     return (
diff --git a/src/components/Operation/Operation.tsx b/src/components/Operation/Operation.tsx
index 025e9d31..0512084e 100644
--- a/src/components/Operation/Operation.tsx
+++ b/src/components/Operation/Operation.tsx
@@ -16,10 +16,10 @@ import { RequestSamples } from '../RequestSamples/RequestSamples';
 import { ResponsesList } from '../Responses/ResponsesList';
 import { ResponseSamples } from '../ResponseSamples/ResponseSamples';
 
+import { ReadMore } from '../../common-elements/ReadMore';
 import { OperationModel as OperationType } from '../../services/models';
 import styled from '../../styled-components';
 import { Extensions } from '../Fields/Extensions';
-import { ReadMore } from "../../common-elements/ReadMore";
 
 const OperationRow = styled(Row)`
   backface-visibility: hidden;
@@ -40,12 +40,12 @@ export interface OperationProps {
 
 function splitDescription(description) {
   if (!description) {
-    return ["", ""];
+    return ['', ''];
   } else {
     // str#split split at all occurence of matched string.
     // So "a<!--READMORE-->b<!--READMORE-->c" --> ["a", "<!..>", "b", "<!..>", "c"]
     const [head, ...rest] = description.split(ReadmorePattern);
-    const more = rest.join("");
+    const more = rest.join('');
     return [head, more];
   }
 }