From 677bc9b71a122525c5e1bed4e040767c3d0e4a10 Mon Sep 17 00:00:00 2001
From: Elizabeth Craig <elcraig@microsoft.com>
Date: Thu, 28 Feb 2019 01:13:11 -0800
Subject: [PATCH] Fix plural in footer with 0 items

---
 playground/src/components/TodoFooter.tsx        | 2 +-
 step1-07/demo/src/components/TodoFooter.tsx     | 2 +-
 step1-07/exercise/src/components/TodoFooter.tsx | 2 +-
 step1-07/final/src/components/TodoFooter.tsx    | 2 +-
 step2-02/demo/src/components/TodoFooter.tsx     | 2 +-
 step2-02/exercise/src/components/TodoFooter.tsx | 2 +-
 step2-03/demo/src/components/TodoFooter.tsx     | 2 +-
 step2-03/demo/src/components/TodoHeader.tsx     | 2 +-
 step2-03/exercise/src/components/TodoFooter.tsx | 2 +-
 step2-07/demo/src/components/TodoFooter.tsx     | 2 +-
 step2-07/exercise/src/components/TodoFooter.tsx | 2 +-
 step2-08/demo/src/components/TodoFooter.tsx     | 2 +-
 step2-08/exercise/src/components/TodoFooter.tsx | 2 +-
 step2-09/demo/src/components/TodoFooter.tsx     | 2 +-
 step2-09/exercise/src/components/TodoFooter.tsx | 2 +-
 15 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/playground/src/components/TodoFooter.tsx b/playground/src/components/TodoFooter.tsx
index 889f05c..66f0c47 100644
--- a/playground/src/components/TodoFooter.tsx
+++ b/playground/src/components/TodoFooter.tsx
@@ -30,7 +30,7 @@ export const TodoFooter = connect(
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step1-07/demo/src/components/TodoFooter.tsx b/step1-07/demo/src/components/TodoFooter.tsx
index 0d86f55..56072ed 100644
--- a/step1-07/demo/src/components/TodoFooter.tsx
+++ b/step1-07/demo/src/components/TodoFooter.tsx
@@ -6,7 +6,7 @@ export const TodoFooter = (props: any) => {
   return (
     <footer>
       <span>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </span>
       <button className="submit">Clear Completed</button>
     </footer>
diff --git a/step1-07/exercise/src/components/TodoFooter.tsx b/step1-07/exercise/src/components/TodoFooter.tsx
index fdda04a..76fd3cb 100644
--- a/step1-07/exercise/src/components/TodoFooter.tsx
+++ b/step1-07/exercise/src/components/TodoFooter.tsx
@@ -6,7 +6,7 @@ export const TodoFooter = props => {
   return (
     <footer>
       <span>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </span>
       <button className="submit">Clear Completed</button>
     </footer>
diff --git a/step1-07/final/src/components/TodoFooter.tsx b/step1-07/final/src/components/TodoFooter.tsx
index fdb75cc..21fef48 100644
--- a/step1-07/final/src/components/TodoFooter.tsx
+++ b/step1-07/final/src/components/TodoFooter.tsx
@@ -14,7 +14,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
   return (
     <footer>
       <span>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </span>
       <button onClick={_onClick} className="submit">
         Clear Completed
diff --git a/step2-02/demo/src/components/TodoFooter.tsx b/step2-02/demo/src/components/TodoFooter.tsx
index 083461a..3a6bd19 100644
--- a/step2-02/demo/src/components/TodoFooter.tsx
+++ b/step2-02/demo/src/components/TodoFooter.tsx
@@ -13,7 +13,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-02/exercise/src/components/TodoFooter.tsx b/step2-02/exercise/src/components/TodoFooter.tsx
index 72b3300..c952d62 100644
--- a/step2-02/exercise/src/components/TodoFooter.tsx
+++ b/step2-02/exercise/src/components/TodoFooter.tsx
@@ -6,7 +6,7 @@ export const TodoFooter = (props: any) => {
   return (
     <footer>
       <span>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount <= 1 ? '' : 's'} left
       </span>
       <button onClick={() => props.clear()} className="button">
         Clear Completed
diff --git a/step2-03/demo/src/components/TodoFooter.tsx b/step2-03/demo/src/components/TodoFooter.tsx
index 083461a..3a6bd19 100644
--- a/step2-03/demo/src/components/TodoFooter.tsx
+++ b/step2-03/demo/src/components/TodoFooter.tsx
@@ -13,7 +13,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-03/demo/src/components/TodoHeader.tsx b/step2-03/demo/src/components/TodoHeader.tsx
index ac5a06c..e92f9be 100644
--- a/step2-03/demo/src/components/TodoHeader.tsx
+++ b/step2-03/demo/src/components/TodoHeader.tsx
@@ -34,7 +34,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
               styles={props => ({
                 ...(props.focused && {
                   field: {
-                    backgroundColor: 'black'
+                    backgroundColor: '#c7e0f4'
                   }
                 })
               })}
diff --git a/step2-03/exercise/src/components/TodoFooter.tsx b/step2-03/exercise/src/components/TodoFooter.tsx
index e9eca5b..e9681ad 100644
--- a/step2-03/exercise/src/components/TodoFooter.tsx
+++ b/step2-03/exercise/src/components/TodoFooter.tsx
@@ -16,7 +16,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-07/demo/src/components/TodoFooter.tsx b/step2-07/demo/src/components/TodoFooter.tsx
index 38120fa..abd4932 100644
--- a/step2-07/demo/src/components/TodoFooter.tsx
+++ b/step2-07/demo/src/components/TodoFooter.tsx
@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-07/exercise/src/components/TodoFooter.tsx b/step2-07/exercise/src/components/TodoFooter.tsx
index 71a47b1..6c11cbc 100644
--- a/step2-07/exercise/src/components/TodoFooter.tsx
+++ b/step2-07/exercise/src/components/TodoFooter.tsx
@@ -16,7 +16,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-08/demo/src/components/TodoFooter.tsx b/step2-08/demo/src/components/TodoFooter.tsx
index 16e307b..417c3e2 100644
--- a/step2-08/demo/src/components/TodoFooter.tsx
+++ b/step2-08/demo/src/components/TodoFooter.tsx
@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-08/exercise/src/components/TodoFooter.tsx b/step2-08/exercise/src/components/TodoFooter.tsx
index 16e307b..417c3e2 100644
--- a/step2-08/exercise/src/components/TodoFooter.tsx
+++ b/step2-08/exercise/src/components/TodoFooter.tsx
@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-09/demo/src/components/TodoFooter.tsx b/step2-09/demo/src/components/TodoFooter.tsx
index f69df57..4a3f3c2 100644
--- a/step2-09/demo/src/components/TodoFooter.tsx
+++ b/step2-09/demo/src/components/TodoFooter.tsx
@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>
diff --git a/step2-09/exercise/src/components/TodoFooter.tsx b/step2-09/exercise/src/components/TodoFooter.tsx
index f69df57..4a3f3c2 100644
--- a/step2-09/exercise/src/components/TodoFooter.tsx
+++ b/step2-09/exercise/src/components/TodoFooter.tsx
@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
   return (
     <Stack horizontal horizontalAlign="space-between">
       <Text>
-        {itemCount} item{itemCount > 1 ? 's' : ''} left
+        {itemCount} item{itemCount === 1 ? '' : 's'} left
       </Text>
       <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
     </Stack>