microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix plural in footer with 0 items

Browse Source
This commit is contained in:
Elizabeth Craig
2019-02-28 01:13:11 -08:00
parent 417cbc2fb5
commit 677bc9b71a
15 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
playground/src/components/TodoFooter.tsx
View File

@@ -30,7 +30,7 @@ export const TodoFooter = connect(
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step1-07/demo/src/components/TodoFooter.tsx
View File

@@ -6,7 +6,7 @@ export const TodoFooter = (props: any) => {
return ( return (
<footer> <footer>
<span> <span>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</span> </span>
<button className="submit">Clear Completed</button> <button className="submit">Clear Completed</button>
</footer> </footer>

2
step1-07/exercise/src/components/TodoFooter.tsx
View File

@@ -6,7 +6,7 @@ export const TodoFooter = props => {
return ( return (
<footer> <footer>
<span> <span>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</span> </span>
<button className="submit">Clear Completed</button> <button className="submit">Clear Completed</button>
</footer> </footer>

2
step1-07/final/src/components/TodoFooter.tsx
View File

@@ -14,7 +14,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<footer> <footer>
<span> <span>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</span> </span>
<button onClick={_onClick} className="submit"> <button onClick={_onClick} className="submit">
Clear Completed Clear Completed

2
step2-02/demo/src/components/TodoFooter.tsx
View File

@@ -13,7 +13,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-02/exercise/src/components/TodoFooter.tsx
View File

@@ -6,7 +6,7 @@ export const TodoFooter = (props: any) => {
return ( return (
<footer> <footer>
<span> <span>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount <= 1 ? '' : 's'} left
</span> </span>
<button onClick={() => props.clear()} className="button"> <button onClick={() => props.clear()} className="button">
Clear Completed Clear Completed

2
step2-03/demo/src/components/TodoFooter.tsx
View File

@@ -13,7 +13,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-03/demo/src/components/TodoHeader.tsx
View File

@@ -34,7 +34,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
styles={props => ({ styles={props => ({
...(props.focused && { ...(props.focused && {
field: { field: {
backgroundColor: 'black' backgroundColor: '#c7e0f4'
} }
}) })
})} })}

2
step2-03/exercise/src/components/TodoFooter.tsx
View File

@@ -16,7 +16,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-07/demo/src/components/TodoFooter.tsx
View File

@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-07/exercise/src/components/TodoFooter.tsx
View File

@@ -16,7 +16,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-08/demo/src/components/TodoFooter.tsx
View File

@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-08/exercise/src/components/TodoFooter.tsx
View File

@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-09/demo/src/components/TodoFooter.tsx
View File

@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>

2
step2-09/exercise/src/components/TodoFooter.tsx
View File

@@ -15,7 +15,7 @@ const TodoFooter = (props: TodoFooterProps) => {
return ( return (
<Stack horizontal horizontalAlign="space-between"> <Stack horizontal horizontalAlign="space-between">
<Text> <Text>
{itemCount} item{itemCount > 1 ? 's' : ''} left {itemCount} item{itemCount === 1 ? '' : 's'} left
</Text> </Text>
<DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton> <DefaultButton onClick={() => props.clear()}>Clear Completed</DefaultButton>
</Stack> </Stack>