Add game lobby, registration, and game type pages

This commit is contained in:
bobbert committed 2026-03-17 21:00:52 +00:00
1 parent 71a52da85b
commit 81847a9188
4 files changed
+79

No files matched your search

+15
View File
@@ -0,0 +1,15 @@
import React from 'react';
import { View, Text, Button, TextInput } from 'react-native';
const GameLobbyPage = () => {
return (
<View>
<Text>Game Lobby</Text>
<Button title="Create Team" onPress={() => {}} />
<Text>Join Team Code:</Text>
<TextInput placeholder="Enter Team Join Code" />
</View>
);
};
export default GameLobbyPage;
+14
View File
@@ -0,0 +1,14 @@
import React from 'react';
import { View, Button } from 'react-native';
const GameTypePage = () => {
return (
<View>
<Button title="Join Global Game" onPress={() => {}} />
<Button title="Join Private Game" onPress={() => {}} />
<Button title="Manage Private Game" onPress={() => {}} />
</View>
);
};
export default GameTypePage;
+19
View File
@@ -0,0 +1,19 @@
import React, { useState } from 'react';
import { View, TextInput, Button } from 'react-native';
const JoinPrivateGamePage = () => {
const [joinCode, setJoinCode] = useState('');
const handleJoinGame = () => {
// Logic to check join code and redirect to game lobby
};
return (
<View>
<TextInput placeholder="Enter Join Code" value={joinCode} onChangeText={setJoinCode} />
<Button title="Join Game" onPress={handleJoinGame} />
</View>
);
};
export default JoinPrivateGamePage;
+31
View File
@@ -0,0 +1,31 @@
import React, { useState } from 'react';
import { View, Text, TextInput, Button, Picker } from 'react-native';
const RegisterPage = () => {
const [username, setUsername] = useState('');
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [confirmPassword, setConfirmPassword] = useState('');
const [userType, setUserType] = useState('Individual');
const handleRegister = () => {
// Registration logic here
};
return (
<View>
<Text>Register</Text>
<TextInput placeholder="Username" value={username} onChangeText={setUsername} />
<TextInput placeholder="Email" value={email} onChangeText={setEmail} />
<TextInput placeholder="Password" value={password} onChangeText={setPassword} secureTextEntry />
<TextInput placeholder="Confirm Password" value={confirmPassword} onChangeText={setConfirmPassword} secureTextEntry />
<Picker selectedValue={userType} onValueChange={(itemValue) => setUserType(itemValue)}>
<Picker.Item label="Individual" value="Individual" />
<Picker.Item label="Business/School" value="Business/School" />
</Picker>
<Button title="Register" onPress={handleRegister} />
</View>
);
};
export default RegisterPage;