Shortened the long render item and header lines

storybookjs · Jul 7, 2017 · 4fc31fb · 4fc31fb
1 parent 97222c9
commit 4fc31fb
Showing 1 changed file with 13 additions and 2 deletions.
diff --git 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}
       />