Hide otp banner after verification

Author: rohitrp

client/src/app/app.component.html

@@ -2,7 +2,7 @@
   <div id="navbar">
     <app-navbar></app-navbar>
   </div>
-  <div id="otp-banner" >
+  <div id="otp-banner" *ngIf="!user.verifiedMobile">
     <div class="columns is-centered has-text-centered">
       <div class="column is-2" *ngIf="!otpGenerated">
         <a class="button is-primary" (click)="generateOtp()">Click here to verify your Mobile Number</a>
@@ -11,7 +11,7 @@
         <div class="column is-2">
           <div class="field">
             <div class="control">
-              <input class="input" type="number" placeholder="OTP" [(ngModel)]="otp" name="otp" required>
+              <input class="input" type="string" placeholder="OTP" [(ngModel)]="otp" name="otp" required>
             </div>
           </div>
         </div>

server/api/users/routes/generateUserOTP.js

@@ -20,7 +20,8 @@ module.exports = {
             }
 
         }
-        let res = await rp(options)
+        console.log(options)
+        let res = await rp(options).then(console.log, console.log)
         return {message: 'successful'}
       },
       auth: {

server/api/users/routes/verifyUserOTP.js

@@ -23,7 +23,9 @@ module.exports = {
         }
         // console.log(options)
         let res = await rp(options)
-        // console.log(res)
+        
+        await User.updateOne({ _id: user._id }, { verifiedMobile: true })
+        
         return res
       },
       auth: {