mirror of
https://github.com/mudabbir-ahmad/MAD-Treasure-Hunt.git
synced 2026-10-08 03:00:20 +00:00
Add game lobby, registration, and game type pages
This commit is contained in:
1 parent
71a52da85b
commit
81847a9188
4 files changed
+79
No files matched your search
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
@@ -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;
|
||||
Reference in new issue
Block a user