From 4fc31fb8fd13f3f45e7007401ad4f480b1fabb3b Mon Sep 17 00:00:00 2001
From: Matt Oakes <hello@mattoakes.net>
Date: Fri, 7 Jul 2017 15:48:21 +0100
Subject: [PATCH] Shortened the long render item and header lines

---
 .../src/preview/components/StoryListView/index.js | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/app/react-native/src/preview/components/StoryListView/index.js b/app/react-native/src/preview/components/StoryListView/index.js
index 5a04f258da42..8ea27dd5fe01 100644
--- a/app/react-native/src/preview/components/StoryListView/index.js
+++ b/app/react-native/src/preview/components/StoryListView/index.js
@@ -92,8 +92,19 @@ export default class StoryListView extends Component {
     return (
       <SectionList
         style={style.list}
-        renderItem={({ item }) => <ListItem title={item.name} selected={item.kind === this.state.selectedKind && item.name === this.state.selectedStory} onPress={() => this.changeStory(item.kind, item.name)} />}
-        renderSectionHeader={({ section }) => <SectionHeader title={section.title} selected={section.title === this.state.selectedKind} />}
+        renderItem={({ item }) => (
+          <ListItem
+            title={item.name}
+            selected={item.kind === this.state.selectedKind && item.name === this.state.selectedStory}
+            onPress={() => this.changeStory(item.kind, item.name)}
+          />
+        )}
+        renderSectionHeader={({ section }) => (
+          <SectionHeader
+            title={section.title}
+            selected={section.title === this.state.selectedKind}
+          />
+        )}
         sections={this.state.sections}
         stickySectionHeadersEnabled={false}
       />