some css in the landing Page and default picture

Eevee-Elites-Capstone · Feb 11, 2022 · 013ca5a · 013ca5a
1 parent a530817
commit 013ca5a
Show file tree

Hide file tree

Showing 7 changed files with 195 additions and 180 deletions.
diff --git a/public/5MFoz12RbHaRROhQXAF8svMdxjk2 b/public/5MFoz12RbHaRROhQXAF8svMdxjk2
@@ -0,0 +1 @@
+undefined
diff --git a/public/Color%20Hunt%20Palette%202e4c6d396eb0daddfcfc997c.png b/public/Color%20Hunt%20Palette%202e4c6d396eb0daddfcfc997c.png
diff --git a/public/ColorHuntPalette2e4c6d396eb0daddfcfc997c.png b/public/ColorHuntPalette2e4c6d396eb0daddfcfc997c.png
diff --git a/src/components/Auth/GeekForm.js b/src/components/Auth/GeekForm.js
@@ -70,7 +70,7 @@ function GeekForm({ email, password, displayName, lastName }) {
                 Choose your profile picture
               </label>
               <label>
-                <input required type="file" onChange={handleFileChange} />
+                <input type="file" onChange={handleFileChange} />
                 {pictureError && <div className="error">{pictureError}</div>}
               </label>
             </div>

diff --git a/src/components/Auth/HunterForm.js b/src/components/Auth/HunterForm.js
@@ -5,17 +5,19 @@ import { signInWithGoogle } from "../../firebase/fbConfig";
 function HunterForm({ email, password, displayName, lastName }) {
   const { signup, isPending, error } = useHunterSignup();
   const [PersonalOrCompany, setFormType] = useState("");
+  const [location, setLocation] = useState("")
 
   const onFormTypeSelect = (type) => {
     return (e) => {
       e.preventDefault();
       setFormType(type);
+      console.log("seleted");
     };
   };
 
   const handleSubmit = (e) => {
     e.preventDefault();
-    signup(email, password, displayName, lastName, PersonalOrCompany);
+    signup(email, password, displayName, lastName, PersonalOrCompany, location);
   };
 
   return (
@@ -29,6 +31,15 @@ function HunterForm({ email, password, displayName, lastName }) {
           >
             Personal
           </button>
+          <input
+            className="shadow appearance-none border rounded w-full
+           py-2 px-3 text-gray-700 leading-tight focus:outline-none
+           focus:shadow-outline"
+            type="name"
+            onChange={e => setLocation(e.target.value)}
+            placeholder="Location"
+            value={location}
+          />
           <h1>Or</h1>
           <button
             className="px-4 py-2 rounded text-white inline-block
@@ -37,19 +48,14 @@ function HunterForm({ email, password, displayName, lastName }) {
           >
             Company
           </button>
-          <input
-            className="shadow appearance-none border rounded w-full
-          py-2 px-3 text-gray-700 leading-tight focus:outline-none
-          focus:shadow-outline"
-            type="name"
-            placeholder="Company Name"
-          />
           <input
             className="shadow appearance-none border rounded w-full
            py-2 px-3 text-gray-700 leading-tight focus:outline-none
            focus:shadow-outline"
             type="name"
+            onChange={e => setLocation(e.target.value)}
             placeholder="Location"
+            value={location}
           />
           <div className="flex items-center justify-between">
             {!isPending && (