From bdcbf183f07fbd543ea2b5d6706f88cec886f585 Mon Sep 17 00:00:00 2001
From: dehn hunsworth <dhunsworth@yahoo.com>
Date: Thu, 16 Jan 2020 22:14:35 -0700
Subject: [PATCH] initial commit

---
 screens/TicketList.js | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/screens/TicketList.js b/screens/TicketList.js
index 8b2f380..a5eb595 100644
--- a/screens/TicketList.js
+++ b/screens/TicketList.js
@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { View, StyleSheet, Text, Button } from "react-native";
+import { View, StyleSheet, Text, Button, FlatList } from "react-native";
 import { useSelector, useDispatch } from "react-redux";
 import { getTickets } from "../store/actions/tickets";
 
@@ -14,14 +14,12 @@ export default function TicketList() {
     dispatch(getTickets());
   }, []);
 
-  return (
-    <View style={{ flex: 1 }}>
-      {tickets.map(ticket => {
+  const Ticket = ({name, address, service}) => {
         return (
-          <View key={ticket._id} style={styles.ticketContainer}>
-            <Text style={styles.ticketName}>{ticket.name}</Text>
-            <Text style={styles.ticketAddress}>{ticket.autoAddress}</Text>
-            <Text style={styles.ticketService}>{ticket.serviceRequested}</Text>
+          <View style={styles.ticketContainer}>
+            <Text style={styles.ticketName}>{name}</Text>
+            <Text style={styles.ticketAddress}>{address}</Text>
+            <Text style={styles.ticketService}>{service}</Text>
             <View style={styles.action}>
               <Button title="Completed" style={styles.button}></Button>
               <Button
@@ -31,8 +29,14 @@ export default function TicketList() {
               ></Button>
             </View>
           </View>
-        );
-      })}
+        )
+
+  }
+
+  return (
+    <View style={{ flex: 1 }}>
+      <FlatList data={tickets} renderItem={({item}) => <Ticket name={item.name} address={item.autoAddress} service={item.servicerequested} />   } keyExtractor={ticket => ticket._id}></FlatList>
+      
     </View>
   );
 }