diff --git a/bob_party/src/components/ButtonGameChoice.tsx b/bob_party/src/components/ButtonGameTypeChoice.tsx similarity index 77% rename from bob_party/src/components/ButtonGameChoice.tsx rename to bob_party/src/components/ButtonGameTypeChoice.tsx index f740210..aa218d3 100644 --- a/bob_party/src/components/ButtonGameChoice.tsx +++ b/bob_party/src/components/ButtonGameTypeChoice.tsx @@ -1,9 +1,9 @@ import { FC} from "react" import { Pressable, Text} from "react-native" import React from "react" -import styles from "./style/ButtonGameChoice.style" +import styles from "./style/ButtonGameTypeChoice.style" -export const ButtonGameChoice: +export const ButtonGameTypeChoice: FC<{ onPress: any; title?: any | undefined; }> = ({onPress,title}) => diff --git a/bob_party/src/components/style/ButtonGameChoice.style.js b/bob_party/src/components/style/ButtonGameTypeChoice.style.js similarity index 83% rename from bob_party/src/components/style/ButtonGameChoice.style.js rename to bob_party/src/components/style/ButtonGameTypeChoice.style.js index b4f05ec..6a4bba4 100644 --- a/bob_party/src/components/style/ButtonGameChoice.style.js +++ b/bob_party/src/components/style/ButtonGameTypeChoice.style.js @@ -6,9 +6,7 @@ export default StyleSheet.create({ justifyContent: 'center', height: '30%', width: '100%', - marginTop: '10%', - paddingVertical: 12, - paddingHorizontal: 32, + margin: '5%', borderRadius: 10, elevation: 3, backgroundColor: '#0085FF', diff --git a/bob_party/src/screens/Home.tsx b/bob_party/src/screens/Home.tsx index 3ef6bb4..0be9aa4 100644 --- a/bob_party/src/screens/Home.tsx +++ b/bob_party/src/screens/Home.tsx @@ -7,7 +7,7 @@ import { Skin } from '../core/skin'; import { TopBar } from '../components/TopBar'; import { BotBar } from '../components/BotBar'; import { Conversation } from '../core/conversation'; -import { ButtonGameChoice } from '../components/ButtonGameChoice'; +import { ButtonGameTypeChoice } from '../components/ButtonGameTypeChoice'; @@ -33,11 +33,11 @@ function Home(props: { navigation: any; }) { nav={navigation} /> - navigation.navigate('GameChoice')} /> - navigation.navigate('GameChoice')} />