chore: add url type on input and enable autocomplete

This commit is contained in:
Ruidy Nemausat 2020-06-04 08:03:27 +02:00
parent 0ca1b71fdc
commit 4553a94038
3 changed files with 9 additions and 10 deletions

View file

@ -24,7 +24,7 @@ const AddEducationForm: FC<IProps> = ({
handleCheckboxesChange, handleCheckboxesChange,
isDisabled, isDisabled,
}) => ( }) => (
<form className="form" onSubmit={handleSubmit}> <form className="form" onSubmit={handleSubmit} autoComplete="on">
<div className="form-group"> <div className="form-group">
<input <input
type="text" type="text"

View file

@ -24,7 +24,7 @@ const AddExperienceForm: FC<IProps> = ({
handleCheckboxesChange, handleCheckboxesChange,
isDisabled, isDisabled,
}) => ( }) => (
<form className="form" onSubmit={handleSubmit}> <form className="form" onSubmit={handleSubmit} autoComplete="on">
<div className="form-group"> <div className="form-group">
<input <input
type="text" type="text"

View file

@ -35,7 +35,7 @@ const EditProfileForm: FC<IProps> = ({
isDisabled, isDisabled,
toggleSocialLinks, toggleSocialLinks,
}) => ( }) => (
<form className="form" onSubmit={handleSubmit}> <form className="form" onSubmit={handleSubmit} autoComplete="on">
<div className="form-group"> <div className="form-group">
<select <select
name="status" name="status"
@ -60,7 +60,6 @@ const EditProfileForm: FC<IProps> = ({
placeholder="Company" placeholder="Company"
name="company" name="company"
value={formData.company} value={formData.company}
// value={variable}
onChange={handleChange} onChange={handleChange}
/> />
<small className="form-text"> <small className="form-text">
@ -69,7 +68,7 @@ const EditProfileForm: FC<IProps> = ({
</div> </div>
<div className="form-group"> <div className="form-group">
<input <input
type="text" type="url"
placeholder="Website" placeholder="Website"
name="website" name="website"
value={formData.website} value={formData.website}
@ -142,7 +141,7 @@ const EditProfileForm: FC<IProps> = ({
<div className="form-group social-input"> <div className="form-group social-input">
<FontAwesomeIcon icon={faFacebook} size="2x" /> <FontAwesomeIcon icon={faFacebook} size="2x" />
<input <input
type="text" type="url"
placeholder="Facebook URL" placeholder="Facebook URL"
name="facebook" name="facebook"
value={formData.facebook} value={formData.facebook}
@ -153,7 +152,7 @@ const EditProfileForm: FC<IProps> = ({
<div className="form-group social-input"> <div className="form-group social-input">
<FontAwesomeIcon icon={faInstagram} size="2x" /> <FontAwesomeIcon icon={faInstagram} size="2x" />
<input <input
type="text" type="url"
placeholder="Instagram URL" placeholder="Instagram URL"
name="instagram" name="instagram"
value={formData.instagram} value={formData.instagram}
@ -164,7 +163,7 @@ const EditProfileForm: FC<IProps> = ({
<div className="form-group social-input"> <div className="form-group social-input">
<FontAwesomeIcon icon={faLinkedin} size="2x" /> <FontAwesomeIcon icon={faLinkedin} size="2x" />
<input <input
type="text" type="url"
placeholder="Linkedin URL" placeholder="Linkedin URL"
name="linkedin" name="linkedin"
value={formData.linkedin} value={formData.linkedin}
@ -175,7 +174,7 @@ const EditProfileForm: FC<IProps> = ({
<div className="form-group social-input"> <div className="form-group social-input">
<FontAwesomeIcon icon={faTwitter} size="2x" /> <FontAwesomeIcon icon={faTwitter} size="2x" />
<input <input
type="text" type="url"
placeholder="Twitter URL" placeholder="Twitter URL"
name="twitter" name="twitter"
value={formData.twitter} value={formData.twitter}
@ -186,7 +185,7 @@ const EditProfileForm: FC<IProps> = ({
<div className="form-group social-input"> <div className="form-group social-input">
<FontAwesomeIcon icon={faYoutube} size="2x" /> <FontAwesomeIcon icon={faYoutube} size="2x" />
<input <input
type="text" type="url"
placeholder="YouTube URL" placeholder="YouTube URL"
name="youtube" name="youtube"
value={formData.youtube} value={formData.youtube}