Skip to content

Commit 5b5aec2

Browse files
committed
add OTP Loader to cbMobileVerification
1 parent ed9ba79 commit 5b5aec2

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/cbMobileVerification/Component.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919

2020
{#if otpId}
2121
<input type="number" placeholder="Enter OTP" class="w-100 mb-4" bind:value={otp}/>
22-
<button class="btn btn-primary w-100" disabled={!!!otp} on:click={verifyOtp}>
22+
<button class="btn btn-primary w-100 {verifyingOtp ? 'dot-loader' : ''}" disabled={!!!otp} on:click={verifyOtp}>
2323
{#if verifyingOtp}
2424
Verifying OTP
2525
{:else}
@@ -28,7 +28,7 @@
2828
</button>
2929
{:else}
3030
<input type="number" placeholder="Enter 10 digit Mobile Number" class="w-100 mb-4" bind:value={mobile}/>
31-
<button class="btn btn-primary w-100" disabled={!!!mobile} on:click={sendOtp}>
31+
<button class="btn btn-primary w-100 {sendingOtp ? 'dot-loader' : ''}" disabled={!!!mobile} on:click={sendOtp}>
3232
{#if sendingOtp}
3333
Sending OTP
3434
{:else}
@@ -266,7 +266,7 @@
266266
.social-media-logo {
267267
width: 15px;
268268
}
269-
269+
270270
.dot-loader::after{
271271
animation: dots 3s linear infinite;
272272
content: '';

0 commit comments

Comments
 (0)