From 4553a940387d0d00771bb356478cfd62ec92c74c Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Thu, 4 Jun 2020 08:03:27 +0200
Subject: [PATCH] chore: add url type on input and enable autocomplete

---
 src/pages/AddEducation/Form.tsx  |  2 +-
 src/pages/AddExperience/Form.tsx |  2 +-
 src/pages/EditProfile/Form.tsx   | 15 +++++++--------
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/pages/AddEducation/Form.tsx b/src/pages/AddEducation/Form.tsx
index 802b95a..4fd5692 100644
--- a/src/pages/AddEducation/Form.tsx
+++ b/src/pages/AddEducation/Form.tsx
@@ -24,7 +24,7 @@ const AddEducationForm: FC<IProps> = ({
   handleCheckboxesChange,
   isDisabled,
 }) => (
-  <form className="form" onSubmit={handleSubmit}>
+  <form className="form" onSubmit={handleSubmit} autoComplete="on">
     <div className="form-group">
       <input
         type="text"
diff --git a/src/pages/AddExperience/Form.tsx b/src/pages/AddExperience/Form.tsx
index 14fb93a..142bf27 100644
--- a/src/pages/AddExperience/Form.tsx
+++ b/src/pages/AddExperience/Form.tsx
@@ -24,7 +24,7 @@ const AddExperienceForm: FC<IProps> = ({
   handleCheckboxesChange,
   isDisabled,
 }) => (
-  <form className="form" onSubmit={handleSubmit}>
+  <form className="form" onSubmit={handleSubmit} autoComplete="on">
     <div className="form-group">
       <input
         type="text"
diff --git a/src/pages/EditProfile/Form.tsx b/src/pages/EditProfile/Form.tsx
index 9df3481..ea2d501 100644
--- a/src/pages/EditProfile/Form.tsx
+++ b/src/pages/EditProfile/Form.tsx
@@ -35,7 +35,7 @@ const EditProfileForm: FC<IProps> = ({
   isDisabled,
   toggleSocialLinks,
 }) => (
-  <form className="form" onSubmit={handleSubmit}>
+  <form className="form" onSubmit={handleSubmit} autoComplete="on">
     <div className="form-group">
       <select
         name="status"
@@ -60,7 +60,6 @@ const EditProfileForm: FC<IProps> = ({
         placeholder="Company"
         name="company"
         value={formData.company}
-        // value={variable}
         onChange={handleChange}
       />
       <small className="form-text">
@@ -69,7 +68,7 @@ const EditProfileForm: FC<IProps> = ({
     </div>
     <div className="form-group">
       <input
-        type="text"
+        type="url"
         placeholder="Website"
         name="website"
         value={formData.website}
@@ -142,7 +141,7 @@ const EditProfileForm: FC<IProps> = ({
         <div className="form-group social-input">
           <FontAwesomeIcon icon={faFacebook} size="2x" />
           <input
-            type="text"
+            type="url"
             placeholder="Facebook URL"
             name="facebook"
             value={formData.facebook}
@@ -153,7 +152,7 @@ const EditProfileForm: FC<IProps> = ({
         <div className="form-group social-input">
           <FontAwesomeIcon icon={faInstagram} size="2x" />
           <input
-            type="text"
+            type="url"
             placeholder="Instagram URL"
             name="instagram"
             value={formData.instagram}
@@ -164,7 +163,7 @@ const EditProfileForm: FC<IProps> = ({
         <div className="form-group social-input">
           <FontAwesomeIcon icon={faLinkedin} size="2x" />
           <input
-            type="text"
+            type="url"
             placeholder="Linkedin URL"
             name="linkedin"
             value={formData.linkedin}
@@ -175,7 +174,7 @@ const EditProfileForm: FC<IProps> = ({
         <div className="form-group social-input">
           <FontAwesomeIcon icon={faTwitter} size="2x" />
           <input
-            type="text"
+            type="url"
             placeholder="Twitter URL"
             name="twitter"
             value={formData.twitter}
@@ -186,7 +185,7 @@ const EditProfileForm: FC<IProps> = ({
         <div className="form-group social-input">
           <FontAwesomeIcon icon={faYoutube} size="2x" />
           <input
-            type="text"
+            type="url"
             placeholder="YouTube URL"
             name="youtube"
             value={formData.youtube}