From 5d254ee0e1cb5c1d659c726e311d9a0642d39309 Mon Sep 17 00:00:00 2001
From: Niklas <niklas@kapelle.org>
Date: Sat, 23 Jan 2021 01:43:53 +0100
Subject: [PATCH] moved deck stuff away from app

---
 src/App.tsx             | 17 +++--------------
 src/components/Deck.tsx | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index abf28bb..6b95688 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -11,26 +11,15 @@
 import React from 'react';
 import {SafeAreaView, StatusBar} from 'react-native';
 import Deck from './components/Deck';
-import DeckButton from './components/DeckButton';
-
 declare const global: {HermesInternal: null | {}};
 
-const App = () => {
-  const buttons = [];
-
-  for (let i = 0; i < 21; i++) {
-    let text = 'btn' + i;
-    buttons.push(<DeckButton text={text} key={i} />);
-  }
-
+export default function App() {
   return (
     <>
       <StatusBar hidden={true} />
       <SafeAreaView>
-        <Deck>{buttons}</Deck>
+        <Deck />
       </SafeAreaView>
     </>
   );
-};
-
-export default App;
+}
diff --git a/src/components/Deck.tsx b/src/components/Deck.tsx
index ada080d..dfc70d7 100644
--- a/src/components/Deck.tsx
+++ b/src/components/Deck.tsx
@@ -1,14 +1,23 @@
-import React, {PropsWithChildren, useEffect} from 'react';
+import React, {useEffect} from 'react';
 import {StyleSheet, View} from 'react-native';
 import Orientation from 'react-native-orientation-locker';
+import DeckButton from './DeckButton';
 
-export default function Deck(props: PropsWithChildren<{}>) {
+export default function Deck() {
   useEffect(() => {
     Orientation.lockToPortrait();
   });
+
+  const buttons = [];
+
+  for (let i = 0; i < 21; i++) {
+    let text = 'btn' + i;
+    buttons.push(<DeckButton text={text} key={i} />);
+  }
+
   return (
     <>
-      <View style={style.view}>{props.children}</View>
+      <View style={style.view}>{buttons}</View>
     </>
   );
 }