From fe2d7e32019258b1839e00154263ce0cb35c2777 Mon Sep 17 00:00:00 2001 From: Jack Danger Date: Mon, 28 Oct 2019 18:57:39 -0700 Subject: [PATCH] ControlLabel -> FormLabel react-bootstrap renamed ControlLabel recently --- _chapters/add-the-create-note-page.md | 4 ++-- _chapters/allow-users-to-change-passwords.md | 8 ++++---- _chapters/allow-users-to-change-their-email.md | 6 +++--- _chapters/create-a-billing-form.md | 8 ++++---- ...create-a-custom-react-hook-to-handle-form-fields.md | 6 +++--- _chapters/create-a-login-page.md | 6 +++--- _chapters/create-the-signup-form.md | 10 +++++----- _chapters/give-feedback-while-logging-in.md | 2 +- _chapters/handle-forgot-and-reset-password.md | 10 +++++----- _chapters/ko/add-the-create-note-page.md | 4 ++-- _chapters/ko/create-a-billing-form.md | 8 ++++---- _chapters/ko/create-a-login-page.md | 6 +++--- _chapters/ko/create-the-signup-form.md | 10 +++++----- _chapters/ko/give-feedback-while-logging-in.md | 2 +- _chapters/ko/render-the-note-form.md | 6 +++--- _chapters/render-the-note-form.md | 6 +++--- 16 files changed, 51 insertions(+), 51 deletions(-) diff --git a/_chapters/add-the-create-note-page.md b/_chapters/add-the-create-note-page.md index d524adccf..974697474 100644 --- a/_chapters/add-the-create-note-page.md +++ b/_chapters/add-the-create-note-page.md @@ -18,7 +18,7 @@ First we are going to create the form for a note. It'll take some content and a ``` coffee import React, { useRef, useState } from "react"; -import { FormGroup, FormControl, ControlLabel } from "react-bootstrap"; +import { FormGroup, FormControl, FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; import config from "../config"; import "./NewNote.css"; @@ -61,7 +61,7 @@ export default function NewNote(props) { /> - Attachment + Attachment
- Old Password + Old Password
- New Password + New Password - Confirm Password + Confirm Password - Email + Email - Confirmation Code + Confirmation Code - Storage + Storage
- Cardholder's name + Cardholder's name - Credit Card Info + Credit Card Info setIsCardComplete(e.complete)} diff --git a/_chapters/create-a-custom-react-hook-to-handle-form-fields.md b/_chapters/create-a-custom-react-hook-to-handle-form-fields.md index efcf96849..d77e6627f 100644 --- a/_chapters/create-a-custom-react-hook-to-handle-form-fields.md +++ b/_chapters/create-a-custom-react-hook-to-handle-form-fields.md @@ -70,7 +70,7 @@ And that's it! We can now use this in our Login component. ``` coffee import React, { useState } from "react"; import { Auth } from "aws-amplify"; -import { FormGroup, FormControl, ControlLabel } from "react-bootstrap"; +import { FormGroup, FormControl, FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; import { useFormFields } from "../libs/hooksLib"; import "./Login.css"; @@ -105,7 +105,7 @@ export default function Login(props) {
- Email + Email - Password + Password - Email + Email - Password + Password setPassword(e.target.value)} diff --git a/_chapters/create-the-signup-form.md b/_chapters/create-the-signup-form.md index 4cbf27954..0790b2bd5 100644 --- a/_chapters/create-the-signup-form.md +++ b/_chapters/create-the-signup-form.md @@ -20,7 +20,7 @@ import { HelpBlock, FormGroup, FormControl, - ControlLabel + FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; import { useFormFields } from "../libs/hooksLib"; @@ -68,7 +68,7 @@ export default function Signup(props) { return ( - Confirmation Code + Confirmation Code - Email + Email - Password + Password - Confirm Password + Confirm Password Also, import the `LoaderButton` in the header. And remove the reference to the `Button` component. ``` javascript -import { FormGroup, FormControl, ControlLabel } from "react-bootstrap"; +import { FormGroup, FormControl, FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; ``` diff --git a/_chapters/handle-forgot-and-reset-password.md b/_chapters/handle-forgot-and-reset-password.md index 11365bd9f..666aee5b3 100644 --- a/_chapters/handle-forgot-and-reset-password.md +++ b/_chapters/handle-forgot-and-reset-password.md @@ -29,7 +29,7 @@ import { FormGroup, Glyphicon, FormControl, - ControlLabel + FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; import "./ResetPassword.css"; @@ -104,7 +104,7 @@ export default class ResetPassword extends Component { return ( - Email + Email - Confirmation Code + Confirmation Code
- New Password + New Password - Confirm Password + Confirm Password - Attachment + Attachment - Storage + Storage
- Cardholder's name + Cardholder's name - Credit Card Info + Credit Card Info - Email + Email - Password + Password - Confirmation Code + Confirmation Code - Email + Email - Password + Password - Confirm Password + Confirm Password 또한 헤더에서 `LoaderButton`을 import 합니다. 그리고 `Button`에 대한 참조를 제거합니다. ``` javascript -import { FormGroup, FormControl, ControlLabel } from "react-bootstrap"; +import { FormGroup, FormControl, FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; ``` diff --git a/_chapters/ko/render-the-note-form.md b/_chapters/ko/render-the-note-form.md index b6b6caa36..b55f47959 100644 --- a/_chapters/ko/render-the-note-form.md +++ b/_chapters/ko/render-the-note-form.md @@ -71,7 +71,7 @@ render() { {this.state.note.attachment && - Attachment + Attachment } {!this.state.note.attachment && - Attachment} + Attachment} {note.attachment && ( - Attachment + Attachment )} - {!note.attachment && Attachment} + {!note.attachment && Attachment} Also, let's include the React-Bootstrap components that we are using here by adding the following to our header. And our styles, the `LoaderButton`, and the `config`. ``` javascript -import { FormGroup, FormControl, ControlLabel } from "react-bootstrap"; +import { FormGroup, FormControl, FormLabel } from "react-bootstrap"; import LoaderButton from "../components/LoaderButton"; import config from "../config"; import "./Notes.css";