Browse Source

Edite home_page, confirm y cita para que se desplegen las palabras mes, dia, hora.

ErnestoOrtiz2 2 years ago
parent
commit
5a88a37d05
3 changed files with 62 additions and 53 deletions
  1. 6
    3
      screens/main/Cita.js
  2. 25
    25
      screens/main/Confirm.js
  3. 31
    25
      screens/main/Home_page.js

+ 6
- 3
screens/main/Cita.js View File

@@ -112,21 +112,24 @@ export function Cita({route, navigation}) {
112 112
         }}
113 113
         >
114 114
           <List.Item
115
-            title={item.Month}
115
+            title='Mes:'
116
+            description={item.Month}
116 117
             titleNumberOfLines={1}
117 118
             titleStyle={styles.listTitle}
118 119
             descriptionStyle={styles.listDescription}
119 120
             descriptionNumberOfLines={1}
120 121
           />
121 122
           <List.Item
122
-            title={item.Day}
123
+            title='Día'
124
+            description={item.Day}
123 125
             titleNumberOfLines={1}
124 126
             titleStyle={styles.listTitle}
125 127
             descriptionStyle={styles.listDescription}
126 128
             descriptionNumberOfLines={1}
127 129
           />
128 130
           <List.Item
129
-            title={item.Time}
131
+            title='Hora:'
132
+            description={item.Time}
130 133
             titleNumberOfLines={1}
131 134
             titleStyle={styles.listTitle}
132 135
             descriptionStyle={styles.listDescription}

+ 25
- 25
screens/main/Confirm.js View File

@@ -56,7 +56,6 @@ export function Confirm({navigation}) {
56 56
           Time:'',
57 57
           i_token:'',
58 58
           u_token:'',
59
-          Pin: {},
60 59
           ...docSnap.data()
61 60
         };
62 61
       });
@@ -110,8 +109,6 @@ export function Confirm({navigation}) {
110 109
   const dimensions = Dimensions.get('window');
111 110
   const screenWidth = dimensions.width;
112 111
 
113
-  const Pin = appointments[0];
114
-  console.log("PIN EN CONFIRM",Pin)
115 112
   
116 113
   return (
117 114
       <ImageBackground style={styles.stdcontainer} source={require('../../assets/yellow-white.jpg')}>
@@ -128,33 +125,36 @@ export function Confirm({navigation}) {
128 125
             console.log("date");
129 126
           }}
130 127
           >
131
-            <List.Item
132
-              title={item.Month}
133
-              titleNumberOfLines={1}
134
-              titleStyle={styles.listTitle}
135
-              descriptionStyle={styles.listDescription}
136
-              descriptionNumberOfLines={1}
137
-            />
138
-            <List.Item
139
-              title={item.Day}
140
-              titleNumberOfLines={1}
141
-              titleStyle={styles.listTitle}
142
-              descriptionStyle={styles.listDescription}
143
-              descriptionNumberOfLines={1}
144
-            />
145
-            <List.Item
146
-              title={item.Time}
147
-              titleNumberOfLines={1}
148
-              titleStyle={styles.listTitle}
149
-              descriptionStyle={styles.listDescription}
150
-              descriptionNumberOfLines={1}
151
-            />
128
+          <List.Item
129
+            title='Mes:'
130
+            description={item.Month}
131
+            titleNumberOfLines={1}
132
+            titleStyle={styles.listTitle}
133
+            descriptionStyle={styles.listDescription}
134
+            descriptionNumberOfLines={1}
135
+          />
136
+          <List.Item
137
+            title='Día'
138
+            description={item.Day}
139
+            titleNumberOfLines={1}
140
+            titleStyle={styles.listTitle}
141
+            descriptionStyle={styles.listDescription}
142
+            descriptionNumberOfLines={1}
143
+          />
144
+          <List.Item
145
+            title='Hora:'
146
+            description={item.Time}
147
+            titleNumberOfLines={1}
148
+            titleStyle={styles.listTitle}
149
+            descriptionStyle={styles.listDescription}
150
+            descriptionNumberOfLines={1}
151
+          />
152 152
           </TouchableOpacity>
153 153
         )}
154 154
         />
155 155
        <Button
156 156
         title ='Ver mapa'
157
-        onPress= {() => navigation.navigate('Map', {View_Only: true, Pin: Pin})}
157
+        onPress= {() => navigation.navigate('Map')}
158 158
       />
159 159
       <FlatList style={{
160 160
              flex: 1,

+ 31
- 25
screens/main/Home_page.js View File

@@ -157,22 +157,25 @@ export function Home_page({navigation}) {
157 157
           navigation.navigate('Cita',{tag: item, Pin: item})
158 158
         }}
159 159
         >
160
-          <List.Item
161
-            title={item.Month}
160
+           <List.Item
161
+            title='Mes:'
162
+            description={item.Month}
162 163
             titleNumberOfLines={1}
163 164
             titleStyle={styles.listTitle}
164 165
             descriptionStyle={styles.listDescription}
165 166
             descriptionNumberOfLines={1}
166 167
           />
167 168
           <List.Item
168
-            title={item.Day}
169
+            title='Día'
170
+            description={item.Day}
169 171
             titleNumberOfLines={1}
170 172
             titleStyle={styles.listTitle}
171 173
             descriptionStyle={styles.listDescription}
172 174
             descriptionNumberOfLines={1}
173 175
           />
174 176
           <List.Item
175
-            title={item.Time}
177
+            title='Hora:'
178
+            description={item.Time}
176 179
             titleNumberOfLines={1}
177 180
             titleStyle={styles.listTitle}
178 181
             descriptionStyle={styles.listDescription}
@@ -230,27 +233,30 @@ export function Home_page({navigation}) {
230 233
             navigation.navigate('Cita',{tag: item, Pin: item})
231 234
           }}
232 235
           >
233
-            <List.Item
234
-              title={item.Month}
235
-              titleNumberOfLines={1}
236
-              titleStyle={styles.listTitle}
237
-              descriptionStyle={styles.listDescription}
238
-              descriptionNumberOfLines={1}
239
-            />
240
-            <List.Item
241
-              title={item.Day}
242
-              titleNumberOfLines={1}
243
-              titleStyle={styles.listTitle}
244
-              descriptionStyle={styles.listDescription}
245
-              descriptionNumberOfLines={1}
246
-            />
247
-            <List.Item
248
-              title={item.Time}
249
-              titleNumberOfLines={1}
250
-              titleStyle={styles.listTitle}
251
-              descriptionStyle={styles.listDescription}
252
-              descriptionNumberOfLines={1}
253
-            />
236
+          <List.Item
237
+            title='Mes:'
238
+            description={item.Month}
239
+            titleNumberOfLines={1}
240
+            titleStyle={styles.listTitle}
241
+            descriptionStyle={styles.listDescription}
242
+            descriptionNumberOfLines={1}
243
+          />
244
+          <List.Item
245
+            title='Día'
246
+            description={item.Day}
247
+            titleNumberOfLines={1}
248
+            titleStyle={styles.listTitle}
249
+            descriptionStyle={styles.listDescription}
250
+            descriptionNumberOfLines={1}
251
+          />
252
+          <List.Item
253
+            title='Hora:'
254
+            description={item.Time}
255
+            titleNumberOfLines={1}
256
+            titleStyle={styles.listTitle}
257
+            descriptionStyle={styles.listDescription}
258
+            descriptionNumberOfLines={1}
259
+          />
254 260
           </TouchableOpacity>
255 261
         )}
256 262
             />