From 8985ea02d92db1e5f859bc355bbe2300fea330ad Mon Sep 17 00:00:00 2001
From: Tiago Jacobs <tiago.jacobs@gmail.com>
Date: Sun, 13 Feb 2022 12:36:03 -0300
Subject: [PATCH] Make broadcast picker required in iOS only

---
 App.js                                        | 12 +++-------
 react/BroadcastPicker.js                      | 12 ----------
 react/Header.js                               | 24 +++++++++++++++++++
 .../BBBN_SystemBroadcastPicker.js             |  0
 4 files changed, 27 insertions(+), 21 deletions(-)
 delete mode 100644 react/BroadcastPicker.js
 create mode 100644 react/Header.js
 rename react/{ios-native-components => ios/native-components}/BBBN_SystemBroadcastPicker.js (100%)

diff --git a/App.js b/App.js
index a24f738..3b897e7 100644
--- a/App.js
+++ b/App.js
@@ -8,7 +8,7 @@
 
 import React from 'react';
 import type {Node} from 'react';
-import BroadcastPicker from './react/BroadcastPicker';
+import Header from './react/Header';
 
 import {
   SafeAreaView,
@@ -20,13 +20,7 @@ import {
   View,
 } from 'react-native';
 
-import {
-  Colors,
-  DebugInstructions,
-  Header,
-  LearnMoreLinks,
-  ReloadInstructions,
-} from 'react-native/Libraries/NewAppScreen';
+import {Colors, DebugInstructions} from 'react-native/Libraries/NewAppScreen';
 
 const Section = ({children, title}): Node => {
   const isDarkMode = useColorScheme() === 'dark';
@@ -63,7 +57,7 @@ const App: () => Node = () => {
 
   return (
     <>
-      <BroadcastPicker/>
+      <Header />
       <SafeAreaView style={backgroundStyle}>
         <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
         <ScrollView
diff --git a/react/BroadcastPicker.js b/react/BroadcastPicker.js
deleted file mode 100644
index 48b1f99..0000000
--- a/react/BroadcastPicker.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import SystemBroadcastPicker from './ios-native-components/BBBN_SystemBroadcastPicker';
-
-const BroadcastPicker = ({children, title}): Node => {
-  return (
-    <SystemBroadcastPicker
-      style={{marginTop: 50, height: 50, widht: 50, backgroundColor: '#EEE'}}
-    />
-  );
-};
-
-export default BroadcastPicker;
diff --git a/react/Header.js b/react/Header.js
new file mode 100644
index 0000000..9acbf22
--- /dev/null
+++ b/react/Header.js
@@ -0,0 +1,24 @@
+import React from 'react';
+import SystemBroadcastPicker from './ios/native-components/BBBN_SystemBroadcastPicker';
+import {Platform, StyleSheet} from 'react-native';
+
+const styles = StyleSheet.create({
+  broacastPicker: {
+    ...Platform.select({
+      ios: {
+        marginTop: 50,
+        height: 50,
+        widht: 50,
+        backgroundColor: '#EEE',
+      },
+    }),
+  },
+});
+
+const Header = ({children, title}): Node => {
+  return Platform.select({
+    ios: <SystemBroadcastPicker style={styles.broacastPicker} />,
+  });
+};
+
+export default Header;
diff --git a/react/ios-native-components/BBBN_SystemBroadcastPicker.js b/react/ios/native-components/BBBN_SystemBroadcastPicker.js
similarity index 100%
rename from react/ios-native-components/BBBN_SystemBroadcastPicker.js
rename to react/ios/native-components/BBBN_SystemBroadcastPicker.js