Skip to content
Snippets Groups Projects
Commit 8762eadf authored by Christopher Luzzi's avatar Christopher Luzzi
Browse files

done

parent 5bfabe51
Branches master
No related tags found
No related merge requests found
...@@ -3,8 +3,6 @@ import { View, Image, StyleSheet } from 'react-native-web'; ...@@ -3,8 +3,6 @@ import { View, Image, StyleSheet } from 'react-native-web';
import {db} from './firebase-config'; import {db} from './firebase-config';
import {addDoc, collection, getDocs} from "firebase/firestore" import {addDoc, collection, getDocs} from "firebase/firestore"
import { async } from '@firebase/util'; import { async } from '@firebase/util';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
export default function App() { export default function App() {
...@@ -19,6 +17,9 @@ export default function App() { ...@@ -19,6 +17,9 @@ export default function App() {
await addDoc(usersCollectionRef, {name: newName, email: newEmail, url: newUrl}); await addDoc(usersCollectionRef, {name: newName, email: newEmail, url: newUrl});
}; };
useEffect(() => { useEffect(() => {
const getUsers = async () => { const getUsers = async () => {
const data = await getDocs(usersCollectionRef); const data = await getDocs(usersCollectionRef);
...@@ -28,38 +29,25 @@ export default function App() { ...@@ -28,38 +29,25 @@ export default function App() {
getUsers(); getUsers();
}, []); }, []);
const Stack = createNativeStackNavigator();
return ( return (
<NavigationContainer> <div className='App'>
<Stack.Navigator> <input placeholder='Name...' onChange={(event) => {setNewName(event.target.value);}}/>
<Stack.Screen <input placeholder='Email' onChange={(event) => {setNewEmail(event.target.value);}}/>
name="Home" <input placeholder='URL' onChange={(event) => {setNewUrl(event.target.value);}}/>
component={HomeScreen} <button onClick={createUser}>Create User</button>
options={{title: "Welcome"}} {users.map((user) => {
/> return (
<div className='App'> <div>
<input placeholder='Name...' onChange={(event) => {setNewName(event.target.value);}}/> <h1>Name: {user.name}</h1>
<input placeholder='Email' onChange={(event) => {setNewEmail(event.target.value);}}/> <h1>E-Mail: {user.email}</h1>
<input placeholder='URL' onChange={(event) => {setNewUrl(event.target.value);}}/> <Image
<button onClick={createUser}>Create User</button> style={{width: 50, height: 50}}
{users.map((user) => { source={{uri : user.url}}
return ( />
<div> </div>
<h1>Name: {user.name}</h1> );
<h1>E-Mail: {user.email}</h1> })}
<Image </div>
style={{width: 50, height: 50}}
source={{uri : user.url}}
/>
</div>
);
})}
</div>
</Stack.Navigator>
</NavigationContainer>
); );
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment