From bd510dce0bdb22ceec0a8619f5cc2c0fa65d0234 Mon Sep 17 00:00:00 2001
From: Mahandrisoa ANDRIAMAHERISOA <andriamaherisoamahandrisoa@gmail.com>
Date: Mon, 2 Nov 2020 14:36:26 +0100
Subject: [PATCH] setup register

---
 src/containers/Register.js      | 22 ++++++++--
 src/containers/list-annonces.js | 71 ++++++++++++++++++---------------
 yarn.lock                       |  8 ++++
 3 files changed, 66 insertions(+), 35 deletions(-)

diff --git a/src/containers/Register.js b/src/containers/Register.js
index 88ac7bf..7fcaa47 100644
--- a/src/containers/Register.js
+++ b/src/containers/Register.js
@@ -11,6 +11,7 @@ const Register = () => {
       address: "",      
     };
     const [registerInput, setRegisterInput] = useState({ ...defaultRegisterInput });
+    const [success, setSuccess] = useState(false);
 
     const SIGNUP_MUTATION = gql`
       mutation signup($data: SignupInput!) {
@@ -34,7 +35,14 @@ const Register = () => {
 
     const onSubmit = (e) => {
         e.preventDefault();
-        registerUser({ variables: { data: registerInput } });        
+        registerUser({ variables: { data: registerInput } })
+          .then(response => {
+            setSuccess(true);
+          })
+          .catch(error => {
+            console.warn(error);
+            setSuccess(false);
+          });        
         setRegisterInput(defaultRegisterInput);
     };
 
@@ -122,7 +130,6 @@ const Register = () => {
                 name="avatar"
                 placeholder="Avatar"
                 onChange={onChange}
-                required
               />
             </div>
             <div className="col">
@@ -142,8 +149,17 @@ const Register = () => {
             {mutationError.graphQLErrors[0].message}
           </div>
         )}
+        {success && (
+          <div className="alert alert-success" role="alert">
+            Vous avez créé votre compte ! Veuillez maintenant vous connecter
+          </div>
+        )}
         <div className="form-group">
-          <button type="submit" className="btn btn-primary btn-lg" disabled={mutationLoading}>
+          <button
+            type="submit"
+            className="btn btn-primary btn-lg"
+            disabled={mutationLoading}
+          >
             {mutationLoading ? (
               <div className="spinner-border text-light" role="status">
                 <span className="sr-only">Loading...</span>
diff --git a/src/containers/list-annonces.js b/src/containers/list-annonces.js
index b73eb3f..395baae 100644
--- a/src/containers/list-annonces.js
+++ b/src/containers/list-annonces.js
@@ -95,14 +95,14 @@ const ListAnnonce = () => {
 
     return (
       <div>
-        {authContext.isLoggedIn &&         
-        <a  
-          className="row text-lg-right text-md-right mb-4"
-          href="/annonces/create"
-        >
-          <button className="btn btn-primary">Créer une annonce</button>
-        </a>
-        }
+        {authContext.isLoggedIn && (
+          <a
+            className="row text-lg-right text-md-right mb-4"
+            href="/annonces/create"
+          >
+            <button className="btn btn-primary">Créer une annonce</button>
+          </a>
+        )}
         <div className="row">
           {data.annonces.map((annonce, index) => {
             return (
@@ -111,7 +111,7 @@ const ListAnnonce = () => {
                 annonce={annonce}
                 onClick={(e) => navigateToDetail(annonce)}
               />
-            );  
+            );
           })}
         </div>
         {selectedAnnonce && (
@@ -182,29 +182,36 @@ const ListAnnonce = () => {
                     </div>
                   </div>
                 </div>
-                <div className="modal-footer">
-                  <button
-                    type="button"
-                    className="btn btn-danger"
-                    onClick={(e) => onDelete(selectedAnnonce)}
-                  >
-                    {mutationLoading ? (
-                      <div className="spinner-border text-light" role="status">
-                        <span className="sr-only">Suppression en cours...</span>
-                      </div>
-                    ) : (
-                      "Supprimer"
-                    )}
-                  </button>
-                  <button
-                    type="button"
-                    className="btn btn-secondary"
-                    data-dismiss="modal"
-                    onClick={closeModal}
-                  >
-                    Fermer
-                  </button>
-                </div>
+                {authContext.isLoggedIn && (
+                  <div className="modal-footer">
+                    <button
+                      type="button"
+                      className="btn btn-danger"
+                      onClick={(e) => onDelete(selectedAnnonce)}
+                    >
+                      {mutationLoading ? (
+                        <div
+                          className="spinner-border text-light"
+                          role="status"
+                        >
+                          <span className="sr-only">
+                            Suppression en cours...
+                          </span>
+                        </div>
+                      ) : (
+                        "Supprimer"
+                      )}
+                    </button>
+                    <button
+                      type="button"
+                      className="btn btn-secondary"
+                      data-dismiss="modal"
+                      onClick={closeModal}
+                    >
+                      Fermer
+                    </button>
+                  </div>
+                )}
               </div>
             </div>
           </div>
diff --git a/yarn.lock b/yarn.lock
index 062864c..0929590 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2443,6 +2443,14 @@ apollo-graphql@^0.6.0:
     apollo-env "^0.6.5"
     lodash.sortby "^4.7.0"
 
+apollo-link-context@^1.0.20:
+  version "1.0.20"
+  resolved "https://registry.yarnpkg.com/apollo-link-context/-/apollo-link-context-1.0.20.tgz#1939ac5dc65d6dff0c855ee53521150053c24676"
+  integrity sha512-MLLPYvhzNb8AglNsk2NcL9AvhO/Vc9hn2ZZuegbhRHGet3oGr0YH9s30NS9+ieoM0sGT11p7oZ6oAILM/kiRBA==
+  dependencies:
+    apollo-link "^1.2.14"
+    tslib "^1.9.3"
+
 apollo-link-error@^1.0.3:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/apollo-link-error/-/apollo-link-error-1.1.13.tgz#c1a1bb876ffe380802c8df0506a32c33aad284cd"
-- 
GitLab