invitados css fixes
This commit is contained in:
parent
fd54abcc49
commit
f9e2626e53
|
@ -15,6 +15,7 @@ import { MaterialCommunityIcons } from '@expo/vector-icons';
|
||||||
import AreaComun from "./components/AreaComun";
|
import AreaComun from "./components/AreaComun";
|
||||||
import { UserContext, UserContextProvider } from "./context/UserContext";
|
import { UserContext, UserContextProvider } from "./context/UserContext";
|
||||||
import AgregarInvitados from "./components/AgregarInvitados";
|
import AgregarInvitados from "./components/AgregarInvitados";
|
||||||
|
import Invitados from "./components/Invitados"
|
||||||
|
|
||||||
const Stack = createNativeStackNavigator();
|
const Stack = createNativeStackNavigator();
|
||||||
const Tab = createBottomTabNavigator();
|
const Tab = createBottomTabNavigator();
|
||||||
|
@ -33,7 +34,7 @@ function HomeTab({ route }) {
|
||||||
<Tab.Screen name="Reservas" component={Reservas } initialParams={user} options={{headerStyle: {
|
<Tab.Screen name="Reservas" component={Reservas } initialParams={user} options={{headerStyle: {
|
||||||
backgroundColor: "#D7A86E"
|
backgroundColor: "#D7A86E"
|
||||||
}, tabBarIcon: () => (<Icon mb="2" as={<MaterialCommunityIcons name={selected === 1 ? 'tree' : 'tree-outline'} />} color="#D7A86E" size="md" />)} } onclick={() => setSelected(1)} />
|
}, tabBarIcon: () => (<Icon mb="2" as={<MaterialCommunityIcons name={selected === 1 ? 'tree' : 'tree-outline'} />} color="#D7A86E" size="md" />)} } onclick={() => setSelected(1)} />
|
||||||
<Tab.Screen name="Invitados" component={AgregarInvitados} initialParams={user} options={{headerStyle: {
|
<Tab.Screen name="Invitados" component={Invitados} initialParams={user} options={{headerStyle: {
|
||||||
backgroundColor: "#D7A86E"
|
backgroundColor: "#D7A86E"
|
||||||
}, tabBarIcon: () => (<Icon mb="2" as={<MaterialCommunityIcons name={selected === 1 ? 'contacts' : 'contacts-outline'} />} color="#D7A86E" size="md" />)} } onclick={() => setSelected(1)} />
|
}, tabBarIcon: () => (<Icon mb="2" as={<MaterialCommunityIcons name={selected === 1 ? 'contacts' : 'contacts-outline'} />} color="#D7A86E" size="md" />)} } onclick={() => setSelected(1)} />
|
||||||
<Tab.Screen name="Perfil" component={Profile} initialParams={user} options={{headerStyle: {
|
<Tab.Screen name="Perfil" component={Profile} initialParams={user} options={{headerStyle: {
|
||||||
|
@ -61,6 +62,11 @@ export default function App() {
|
||||||
backgroundColor: "#D7A86E"
|
backgroundColor: "#D7A86E"
|
||||||
}
|
}
|
||||||
}} />
|
}} />
|
||||||
|
<Stack.Screen name="invitado" component={AgregarInvitados} options={{
|
||||||
|
headerStyle: {
|
||||||
|
backgroundColor: "#D7A86E"
|
||||||
|
}
|
||||||
|
}} />
|
||||||
</Stack.Navigator>
|
</Stack.Navigator>
|
||||||
</NavigationContainer>
|
</NavigationContainer>
|
||||||
</UserContextProvider>
|
</UserContextProvider>
|
||||||
|
|
|
@ -10,12 +10,13 @@ import {
|
||||||
export default function Invitados({navigation}) {
|
export default function Invitados({navigation}) {
|
||||||
const [isRequesting, setIsRequesting] = useState(false);
|
const [isRequesting, setIsRequesting] = useState(false);
|
||||||
const [invitados, setInvitados] = useState([]);
|
const [invitados, setInvitados] = useState([]);
|
||||||
const id = "62ff074949eb1e993a9d0fda";
|
const { user } = useContext(UserContext);
|
||||||
|
const id = user._id;
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
const onRequestCommentsData = async () => {
|
const onRequestInvitadosData = async () => {
|
||||||
setIsRequesting(true);
|
setIsRequesting(true);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
|
@ -37,39 +38,10 @@ export default function Invitados({navigation}) {
|
||||||
setIsRequesting(false)
|
setIsRequesting(false)
|
||||||
}
|
}
|
||||||
|
|
||||||
onRequestCommentsData()
|
onRequestInvitadosData()
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const data = [{
|
|
||||||
id: "bd7acbea-c1b1-46c2-aed5-3ad53abb28ba",
|
|
||||||
fullName: "Aafreen Khan",
|
|
||||||
timeStamp: "12:47 PM",
|
|
||||||
recentText: "Good Day!"
|
|
||||||
}, {
|
|
||||||
id: "3ac68afc-c605-48d3-a4f8-fbd91aa97f63",
|
|
||||||
fullName: "Sujitha Mathur",
|
|
||||||
timeStamp: "11:11 PM",
|
|
||||||
recentText: "Cheer up, there!"
|
|
||||||
}, {
|
|
||||||
id: "58694a0f-3da1-471f-bd96-145571e29d72",
|
|
||||||
fullName: "Anci Barroco",
|
|
||||||
timeStamp: "6:22 PM",
|
|
||||||
recentText: "Good Day!"
|
|
||||||
}, {
|
|
||||||
id: "68694a0f-3da1-431f-bd56-142371e29d72",
|
|
||||||
fullName: "Aniket Kumar",
|
|
||||||
timeStamp: "8:56 PM",
|
|
||||||
recentText: "All the best"
|
|
||||||
}, {
|
|
||||||
id: "28694a0f-3da1-471f-bd96-142456e29d72",
|
|
||||||
fullName: "Kiara",
|
|
||||||
timeStamp: "12:47 PM",
|
|
||||||
recentText: "I will call today."
|
|
||||||
}];
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<Box>
|
<Box>
|
||||||
|
@ -78,11 +50,11 @@ export default function Invitados({navigation}) {
|
||||||
</Heading>
|
</Heading>
|
||||||
<FlatList data={invitados} renderItem={({
|
<FlatList data={invitados} renderItem={({
|
||||||
item
|
item
|
||||||
}) => <Box borderBottomWidth="1" _dark={{
|
}) => <Box key={item._id} borderBottomWidth="1" _dark={{
|
||||||
borderColor: "gray.600"
|
borderColor: "gray.600"
|
||||||
}} borderColor="coolGray.200" pl="4" pr="5" py="2">
|
}} borderColor="coolGray.200" pl="4" pr="5" py="2">
|
||||||
<HStack space={3} justifyContent="space-between">
|
<HStack space={3} justifyContent="space-between" >
|
||||||
<MaterialCommunityIcons name="account" size={48} color="green" />
|
<MaterialCommunityIcons name="account" size={48} color="#D7A86E" />
|
||||||
<VStack>
|
<VStack>
|
||||||
<Text _dark={{
|
<Text _dark={{
|
||||||
color: "warmGray.50"
|
color: "warmGray.50"
|
||||||
|
@ -108,10 +80,18 @@ export default function Invitados({navigation}) {
|
||||||
</Text>
|
</Text>
|
||||||
</HStack>
|
</HStack>
|
||||||
</Box>} keyExtractor={item => item.id} />
|
</Box>} keyExtractor={item => item.id} />
|
||||||
|
|
||||||
|
|
||||||
|
<Button width='200' mt="4" ml='85' backgroundColor='tertiary.600' onPress={() => navigation.navigate('invitado')}>
|
||||||
|
Agregar invitado
|
||||||
|
</Button>
|
||||||
|
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
|
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
|
@ -5,6 +5,7 @@
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
|
"name": "servicio-invitados",
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"license": "UNLICENSED",
|
"license": "UNLICENSED",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
Loading…
Reference in New Issue