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