From de4748706a8e3454c494d8f502d6acfaf9b83382 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:08:38 +1000
Subject: [PATCH 01/10] feature 1

---
 src/components/Todos.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
index 3eeba87..c609db6 100644
--- a/src/components/Todos.tsx
+++ b/src/components/Todos.tsx
@@ -19,6 +19,15 @@ const styles = StyleSheet.create({
 
 export const Todos = () => {
   const defaultItems = sample.map((item, index) => ({ key: `item${index}`, ...item }));
+  console.log(defaultItems);
+  defaultItems.sort((item, item2)=>{
+    if(item.points > item2.points)  {
+      return 1;
+    } else if (item.points < item2.points){
+      return -1;
+    }
+    return 0;
+  })
   const [items, setItems] = useState<Item[]>(defaultItems);
 
   const addItem = (newItem: NewItem) => {

From 5db2e2f3e2a62a6e5f97cac5e5bbf980983123ba Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:15:18 +1000
Subject: [PATCH 02/10] feature 2

---
 src/components/ItemCard.tsx | 6 +++++-
 src/components/Todos.tsx    | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ItemCard.tsx b/src/components/ItemCard.tsx
index 8292d86..58e9195 100644
--- a/src/components/ItemCard.tsx
+++ b/src/components/ItemCard.tsx
@@ -19,6 +19,10 @@ const styles = StyleSheet.create({
   },
   textCritical: {
     fontWeight: 'bold',
+  },
+  critical: {
+    backgroundColor: 'red',
+    color: 'yellow'
   }
 });
 
@@ -28,7 +32,7 @@ type Props = {
 }
 
 export const ItemCard: React.FC<Props> = ({ children, onDelete, critical }) => (
-  <View testID="itemCard" style={{ ...styles.container, ...(critical ? styles.containerCritical : {}) }}>
+  <View testID="itemCard" style={{ ...styles.container, ...critical ? styles.critical : {} , ...(critical ? styles.containerCritical : {}) }}>
     <Text testID="itemName" style={{ ...styles.text, ...(critical ? styles.textCritical : {}) }}>{children}</Text>
     <Button testID="itemDeleteButton" onPress={onDelete} title="Delete" />
   </View>
diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
index c609db6..78d981f 100644
--- a/src/components/Todos.tsx
+++ b/src/components/Todos.tsx
@@ -47,6 +47,7 @@ export const Todos = () => {
         data={items}
         renderItem={({ item }) => (
           <ItemCard
+            critical = {item.points>=10 ? true: false}
             key={item.key}
             onDelete={() => deleteItem(item.key)}
           >{item.name}</ItemCard>

From ffc481f3d5224fad148676bae7dd54a9b3d068c9 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:25:08 +1000
Subject: [PATCH 03/10] feature 3

---
 src/components/CreateEntry.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/CreateEntry.tsx b/src/components/CreateEntry.tsx
index 0f7cfc7..b4f4af0 100644
--- a/src/components/CreateEntry.tsx
+++ b/src/components/CreateEntry.tsx
@@ -28,7 +28,11 @@ export const CreateEntry = ({ onSave }: Props) => {
   const [value, setValue] = useState<string>('');
 
   const handleAdd = () => {
-    value && onSave({ name: value, points: 0 });
+    let points = value.substr(-5);
+    points = points.substr(0, -2);
+    const actualPoint = points.substring(points.length - 3, 0);
+    console.log('test', points);
+    value && onSave({ name: value, points: parseInt(actualPoint) });
     setValue('');
   }
 

From 718d9af248a4220f27e093d52abf8f6f910beeaf Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:27:56 +1000
Subject: [PATCH 04/10] feature 3

---
 src/components/CreateEntry.tsx | 1 -
 src/components/ItemCard.tsx    | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/CreateEntry.tsx b/src/components/CreateEntry.tsx
index b4f4af0..9ae5a07 100644
--- a/src/components/CreateEntry.tsx
+++ b/src/components/CreateEntry.tsx
@@ -31,7 +31,6 @@ export const CreateEntry = ({ onSave }: Props) => {
     let points = value.substr(-5);
     points = points.substr(0, -2);
     const actualPoint = points.substring(points.length - 3, 0);
-    console.log('test', points);
     value && onSave({ name: value, points: parseInt(actualPoint) });
     setValue('');
   }
diff --git a/src/components/ItemCard.tsx b/src/components/ItemCard.tsx
index 58e9195..ebc0302 100644
--- a/src/components/ItemCard.tsx
+++ b/src/components/ItemCard.tsx
@@ -18,7 +18,7 @@ const styles = StyleSheet.create({
     fontSize: 18,
   },
   textCritical: {
-    fontWeight: 'bold',
+    fontWeight: '100',
   },
   critical: {
     backgroundColor: 'red',

From 18fee12c3ca011ddad28f59f92e8c1e6d4c0cf45 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:30:46 +1000
Subject: [PATCH 05/10] feature 3

---
 src/components/ItemCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ItemCard.tsx b/src/components/ItemCard.tsx
index ebc0302..bcf6f25 100644
--- a/src/components/ItemCard.tsx
+++ b/src/components/ItemCard.tsx
@@ -22,7 +22,8 @@ const styles = StyleSheet.create({
   },
   critical: {
     backgroundColor: 'red',
-    color: 'yellow'
+    color: 'yellow',
+    fontWeight: 'bold'
   }
 });
 
@@ -32,7 +33,7 @@ type Props = {
 }
 
 export const ItemCard: React.FC<Props> = ({ children, onDelete, critical }) => (
-  <View testID="itemCard" style={{ ...styles.container, ...critical ? styles.critical : {} , ...(critical ? styles.containerCritical : {}) }}>
+  <View testID="itemCard" style={{ ...styles.container, ...(critical ? styles.critical : {}) , ...(critical ? styles.containerCritical : {}) }}>
     <Text testID="itemName" style={{ ...styles.text, ...(critical ? styles.textCritical : {}) }}>{children}</Text>
     <Button testID="itemDeleteButton" onPress={onDelete} title="Delete" />
   </View>

From 1dc08ccec0fcc1ac6c48764eb6d539f3a6b147e6 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:32:17 +1000
Subject: [PATCH 06/10] test unit

---
 src/components/ItemCard.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ItemCard.tsx b/src/components/ItemCard.tsx
index bcf6f25..6cd7c77 100644
--- a/src/components/ItemCard.tsx
+++ b/src/components/ItemCard.tsx
@@ -10,6 +10,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 16,
     marginTop: 2,
     backgroundColor: 'white',
+    fontWeight: 'bold'
   },
   containerCritical: {
     backgroundColor: '#ffdddd',

From 53d6555a283d4d34991ba29a53644b903cf4d765 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:33:46 +1000
Subject: [PATCH 07/10] test unit

---
 src/components/Todos.tsx | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
index 78d981f..737efc6 100644
--- a/src/components/Todos.tsx
+++ b/src/components/Todos.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Text, FlatList, StyleSheet, Button } from 'react-native';
 
 import { CreateEntry } from './CreateEntry';
@@ -20,14 +20,17 @@ const styles = StyleSheet.create({
 export const Todos = () => {
   const defaultItems = sample.map((item, index) => ({ key: `item${index}`, ...item }));
   console.log(defaultItems);
-  defaultItems.sort((item, item2)=>{
-    if(item.points > item2.points)  {
-      return 1;
-    } else if (item.points < item2.points){
-      return -1;
-    }
-    return 0;
-  })
+  useEffect(()=>{
+    defaultItems.sort((item, item2)=>{
+      if(item.points > item2.points)  {
+        return 1;
+      } else if (item.points < item2.points){
+        return -1;
+      }
+      return 0;
+    });
+  }, [defaultItems]);
+  
   const [items, setItems] = useState<Item[]>(defaultItems);
 
   const addItem = (newItem: NewItem) => {

From bf544c7e653e7c68b241afad92d243d31cceb1eb Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:34:37 +1000
Subject: [PATCH 08/10] cleaning code

---
 src/components/Todos.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
index 737efc6..5c06031 100644
--- a/src/components/Todos.tsx
+++ b/src/components/Todos.tsx
@@ -19,7 +19,6 @@ const styles = StyleSheet.create({
 
 export const Todos = () => {
   const defaultItems = sample.map((item, index) => ({ key: `item${index}`, ...item }));
-  console.log(defaultItems);
   useEffect(()=>{
     defaultItems.sort((item, item2)=>{
       if(item.points > item2.points)  {

From ec459d93074f04b800e6055fa6234fc7e92508f7 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Tue, 19 Jan 2021 11:36:58 +1000
Subject: [PATCH 09/10] cleaning code

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 40f3524..cbb538d 100644
--- a/README.md
+++ b/README.md
@@ -43,3 +43,5 @@ Our users are keen to be able to add point values to tasks with a natural langua
 ## Feature Four
 
 If you've got some extra time left, it would be great for our users to be able to update the point value of an existing task. Implement the UI however you think best.
+
+Thank you

From 029c17564d53bc45b7464aeef6ab2c9ff2bb08a3 Mon Sep 17 00:00:00 2001
From: paresh <paresh_meb@yahoo.com>
Date: Sat, 23 Jan 2021 13:18:48 +1000
Subject: [PATCH 10/10] all test passed for compono

---
 src/components/CreateEntry.tsx | 13 ++++++++++---
 src/components/ItemCard.tsx    |  4 ++--
 src/components/Todos.tsx       | 31 ++++++++++++++++++++-----------
 src/data/sample.ts             |  2 +-
 4 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/components/CreateEntry.tsx b/src/components/CreateEntry.tsx
index 9ae5a07..c1a49a4 100644
--- a/src/components/CreateEntry.tsx
+++ b/src/components/CreateEntry.tsx
@@ -28,10 +28,17 @@ export const CreateEntry = ({ onSave }: Props) => {
   const [value, setValue] = useState<string>('');
 
   const handleAdd = () => {
+    let actualPoint: number = 0;
     let points = value.substr(-5);
-    points = points.substr(0, -2);
-    const actualPoint = points.substring(points.length - 3, 0);
-    value && onSave({ name: value, points: parseInt(actualPoint) });
+    let name: string = value.substr(0, value.length-5);
+    let actualPointString: string = points.substr(0, 2);
+    if (isNaN(parseInt(actualPointString))) {
+      actualPoint = 0;
+      name = value;
+    } else {
+      actualPoint = parseInt(actualPointString.trim());
+    }
+    value && onSave({ name: name.trim(), points: actualPoint });
     setValue('');
   }
 
diff --git a/src/components/ItemCard.tsx b/src/components/ItemCard.tsx
index 6cd7c77..1aa6534 100644
--- a/src/components/ItemCard.tsx
+++ b/src/components/ItemCard.tsx
@@ -19,7 +19,7 @@ const styles = StyleSheet.create({
     fontSize: 18,
   },
   textCritical: {
-    fontWeight: '100',
+    fontWeight: 'bold',
   },
   critical: {
     backgroundColor: 'red',
@@ -34,7 +34,7 @@ type Props = {
 }
 
 export const ItemCard: React.FC<Props> = ({ children, onDelete, critical }) => (
-  <View testID="itemCard" style={{ ...styles.container, ...(critical ? styles.critical : {}) , ...(critical ? styles.containerCritical : {}) }}>
+  <View testID="itemCard" style={{ ...styles.container, ...(  styles.critical ) , ...(critical ? styles.containerCritical : {}) }}>
     <Text testID="itemName" style={{ ...styles.text, ...(critical ? styles.textCritical : {}) }}>{children}</Text>
     <Button testID="itemDeleteButton" onPress={onDelete} title="Delete" />
   </View>
diff --git a/src/components/Todos.tsx b/src/components/Todos.tsx
index 5c06031..2d306b6 100644
--- a/src/components/Todos.tsx
+++ b/src/components/Todos.tsx
@@ -15,22 +15,31 @@ const styles = StyleSheet.create({
     fontSize: 16,
     textAlign: 'center',
   },
+  critical: {
+    fontWeight: 'bold'
+  }
 });
 
+const sortItems = (testingITems: Item[]) => {
+  testingITems.sort((item, item2)=>{
+    if(item.points < item2.points)  {
+      return 1;
+    } else if (item.points > item2.points){
+      return -1;
+    }
+    return 0;
+  });
+}
+
 export const Todos = () => {
   const defaultItems = sample.map((item, index) => ({ key: `item${index}`, ...item }));
+  sortItems(defaultItems);
+  const [items, setItems] = useState<Item[]>(defaultItems);
+  
   useEffect(()=>{
-    defaultItems.sort((item, item2)=>{
-      if(item.points > item2.points)  {
-        return 1;
-      } else if (item.points < item2.points){
-        return -1;
-      }
-      return 0;
-    });
-  }, [defaultItems]);
+    sortItems(items);
+  }, [items]);
   
-  const [items, setItems] = useState<Item[]>(defaultItems);
 
   const addItem = (newItem: NewItem) => {
     const item = { key: `item${items.length}`, ...newItem };
@@ -49,7 +58,7 @@ export const Todos = () => {
         data={items}
         renderItem={({ item }) => (
           <ItemCard
-            critical = {item.points>=10 ? true: false}
+            critical = {item.points >= 10 ? true: false}
             key={item.key}
             onDelete={() => deleteItem(item.key)}
           >{item.name}</ItemCard>
diff --git a/src/data/sample.ts b/src/data/sample.ts
index 7ea7123..0390698 100644
--- a/src/data/sample.ts
+++ b/src/data/sample.ts
@@ -2,6 +2,6 @@
 
 export const sample = [
   { name: 'Check it twice', points: 5 },
-  { name: 'Make a list', points: 6 },
   { name: 'Get the job 👍🏼', points: 10 },
+  { name: 'Make a list', points: 6 },
 ];