chore: remove extra code

taiga-family · Jul 30, 2024 · 5dede36 · 5dede36
1 parent 8f8c83b
commit 5dede36
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 25 deletions.
diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.html b/apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.html
@@ -60,16 +60,16 @@
                     </ng-template>
                 </button>
             </div>
-            <div class="amount-crypto">
-                <input
-                    max="1000"
-                    min="0"
-                    tuiTitle="l"
-                    type="number"
-                    class="input-number"
-                    [formControl]="swapForm['controls'][$index]"
-                    (change)="newSwap(data, $index)"
-                />
+            <div>
+                <tui-input-inline tuiTitle="l">
+                    <input
+                        max="1000"
+                        min="0"
+                        type="number"
+                        [formControl]="swapForm['controls'][$index]"
+                        (change)="newSwap(data, $index)"
+                    />
+                </tui-input-inline>
                 <div>
                     <div
                         tuiSubtitle

diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.less b/apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.less
@@ -1,23 +1,10 @@
 @import '@taiga-ui/core/styles/taiga-ui-local.less';
 
 .choose-crypto {
-    width: min-content;
     height: 2rem;
 }
 
-.amount-crypto {
-    display: flex;
-    flex-direction: column;
-}
-
-.input-number {
-    border: 0;
-    outline: 0;
-    background: transparent;
-}
-
 .equal-number {
-    margin-left: auto;
     text-align: right;
 }
 

diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.ts b/apps/taiga-lumbermill/src/dashboards/crypto/components/swap/swap.component.ts
@@ -1,6 +1,6 @@
 import {CommonModule} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
-import {FormArray, FormControl, ReactiveFormsModule} from '@angular/forms';
+import {FormArray, FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {TuiActiveZone, TuiObscured} from '@taiga-ui/cdk';
 import {
     TuiAppearance,
@@ -12,7 +12,7 @@ import {
     TuiTextfield,
     TuiTitle,
 } from '@taiga-ui/core';
-import {TuiAvatar, TuiChevron, TuiFade} from '@taiga-ui/kit';
+import {TuiAvatar, TuiChevron, TuiFade, TuiInputInline} from '@taiga-ui/kit';
 import {TuiCardLarge, TuiCell, TuiHeader} from '@taiga-ui/layout';
 import {
     TuiInputModule,
@@ -29,6 +29,7 @@ import {SwapService} from './swap.service';
     selector: 'lmb-swap',
     imports: [
         CommonModule,
+        FormsModule,
         ReactiveFormsModule,
         TuiActiveZone,
         TuiAppearance,
@@ -43,6 +44,7 @@ import {SwapService} from './swap.service';
         TuiFade,
         TuiHeader,
         TuiIcon,
+        TuiInputInline,
         TuiInputModule,
         TuiInputNumberModule,
         TuiObscured,
@@ -59,6 +61,7 @@ export class SwapComponent {
     protected info$ = this.cryptoService.info$;
     protected swapService = inject(SwapService).swapData;
     protected swapForm = new FormArray([new FormControl(0.22), new FormControl(0.22)]);
+    protected val = 0;
 
     protected openInfo(index: number): void {
         this.swapService[index].status = !this.swapService[index].status;