Skip to content
Snippets Groups Projects
Commit 18ab96cc authored by isaacwsolomon's avatar isaacwsolomon
Browse files

Check mark displayed

parent 39aafcbf
No related branches found
No related tags found
No related merge requests found
import { addDoc, collection, onSnapshot } from 'firebase/firestore'; import { addDoc, collection, onSnapshot } from 'firebase/firestore';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { View, Text, Button, TextInput, StyleSheet, FlatList } from 'react-native'; import { View, Text, Button, TextInput, StyleSheet, FlatList, TouchableOpacity } from 'react-native';
import { FIRESTORE_DB } from '../../firebaseConfig'; import { FIRESTORE_DB } from '../../firebaseConfig';
import Ionicons from '@expo/vector-icons/Ionicons';
export interface Todo { export interface Todo {
title: string; title: string;
...@@ -41,11 +42,23 @@ const addTodo = async () => { ...@@ -41,11 +42,23 @@ const addTodo = async () => {
setTodo(''); setTodo('');
}; };
const renderTodo = ({item}: any) => { const renderTodo = ({item} : any) => {
const toggleDone= async()=>{
}
const deleteItem = async() =>{
}
return( return(
<Text> {item.title}</Text> <View>
) <TouchableOpacity onPress={toggleDone}>
} {!item.done && <Ionicons name="checkmark-circle" />}
<Text> {item.title}</Text>
</TouchableOpacity>
</View>
);
};
return ( return (
<View style ={styles.container}> <View style ={styles.container}>
<View style={styles.form}> <View style={styles.form}>
...@@ -58,7 +71,7 @@ return ( ...@@ -58,7 +71,7 @@ return (
<View> <View>
<FlatList <FlatList
data={todos} data={todos}
renderItem={renderTodo} renderItem={(item) => renderTodo(item)}
keyExtractor={(todo: Todo) => todo.id} keyExtractor={(todo: Todo) => todo.id}
/> />
</View> </View>
......
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