From e81e1be96a55b5534dd5bf1555820418fc2239d2 Mon Sep 17 00:00:00 2001
From: Daniel Williams <danny.h.williams@hotmail.com>
Date: Thu, 1 Jul 2021 22:46:40 +0100
Subject: [PATCH] fix(app): linting

---
 .../preview/components/OnDeviceUI/addons/Addons.tsx    | 10 +++++++---
 1 file changed, 7 insertions(+), 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
index 07a4237810..8f666f5a63 100644
--- 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);