Feature/128 websocket in game

components/Multiplayer/ModalInvitePlayer.tsx

@@ -4,9 +4,10 @@ import WhiteButton from "../buttons/WhiteButton";
 interface Props {
     showModal: boolean;
     onClosePressed: () => void;
+    roomId: string;
 }
 
-export default function ModalInvitePlayer({showModal, onClosePressed,}: Props) {
+export default function ModalInvitePlayer({showModal, onClosePressed, roomId}: Props) {
     return (
         <Modal visible={showModal} animationType="slide" transparent={true}>
             <View style={styles.centeredView}>
@@ -14,7 +15,7 @@ export default function ModalInvitePlayer({showModal, onClosePressed,}: Props) {
                     <Text style={styles.title}>JOIN</Text>
                     <Image source={require('../../assets/favicon.png')}/>
                     <Text style={styles.or}>OR</Text>
-                    <Text style={styles.link}>https://klebert-host.com/join_quiz/6975</Text>
+                    <Text style={styles.link}>Room ID: {roomId}</Text>
                     <View style={styles.buttonGroup}>
                         <WhiteButton text="CLOSE" onPress={onClosePressed} isDisabled={false}/>
                     </View>
@@ -68,5 +69,7 @@ const styles = StyleSheet.create({
     },
     link: {
         color: '#0000EE',
+        fontSize: 22,
+        fontWeight: "bold",
     }
 });
\ No newline at end of file