fix(app): linting

storybookjs · Jul 1, 2021 · e81e1be · e81e1be
1 parent 67e9be2
commit e81e1be
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/app/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx b/app/react-native/src/preview/components/OnDeviceUI/addons/Addons.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { SafeAreaView } from 'react-native';
+import { SafeAreaView, StyleSheet } from 'react-native';
 import styled from '@emotion/native';
 import { addons } from '@storybook/addons';
 import AddonsList from './List';
@@ -23,7 +23,7 @@ const Addons = ({ active }: { active: boolean }) => {
 
   if (Object.keys(panels).length === 0) {
     return (
-      <SafeAreaView style={{ flex: 1 }}>
+      <SafeAreaView style={styles.container}>
         <NoAddonContainer>
           <Label>No addons loaded.</Label>
         </NoAddonContainer>
@@ -33,7 +33,7 @@ const Addons = ({ active }: { active: boolean }) => {
 
   return (
     <Container>
-      <SafeAreaView style={{ flex: 1 }}>
+      <SafeAreaView style={styles.container}>
         <AddonsList
           onPressAddon={setAddonSelected}
           panels={panels}
@@ -45,4 +45,8 @@ const Addons = ({ active }: { active: boolean }) => {
   );
 };
 
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+});
+
 export default React.memo(Addons);