chore: add search

taiga-family · Jul 29, 2024 · 1b8c2ae · 1b8c2ae
1 parent 710e4ae
commit 1b8c2ae
Showing 1 changed file with 38 additions and 28 deletions.
diff --git a/apps/taiga-lumbermill/src/dashboards/crypto/components/pools/pools.component.html b/apps/taiga-lumbermill/src/dashboards/crypto/components/pools/pools.component.html
@@ -39,35 +39,45 @@
                     tuiScrollable
                     class="viewport tui-zero-scrollbar"
                 >
-                    <div
-                        *cdkVirtualFor="let i of lengthPools(data.length)"
-                        tuiCell="m"
-                        [style.padding-left]="'1rem'"
-                        [style.padding-right]="'1rem'"
-                    >
-                        <tui-avatar-stack
-                            class="tui-space_vertical-4"
-                            [direction]="'right'"
+                    <div *cdkVirtualFor="let i of lengthPools(data.length)">
+                        <div
+                            *ngIf="
+                                (data[i].symbol.toUpperCase() + '/' + data[i + 1].symbol.toUpperCase()).includes(
+                                    search.toUpperCase()
+                                )
+                            "
+                            tuiCell="m"
+                            [style.padding-left]="'1rem'"
+                            [style.padding-right]="'1rem'"
                         >
-                            <tui-avatar
-                                size="m"
-                                [src]="
-                                    'https://assets.coincap.io/assets/icons/' + data[i].symbol.toLowerCase() + '@2x.png'
-                                "
-                            />
-                            <tui-avatar
-                                size="m"
-                                [src]="
-                                    'https://assets.coincap.io/assets/icons/' +
-                                    data[i + 1].symbol.toLowerCase() +
-                                    '@2x.png'
-                                "
-                            />
-                        </tui-avatar-stack>
-                        <div TuiTitle>{{ data[i].symbol.toUpperCase() }}/{{ data[i + 1].symbol.toUpperCase() }}</div>
-                        <div class="last-columns">
-                            <div TuiTitle>${{ getTVL(data, i) }}M</div>
-                            <div TuiTitle>{{ getAPR(data, i) }}%</div>
+                            <tui-avatar-stack
+                                class="tui-space_vertical-4"
+                                [direction]="'right'"
+                            >
+                                <tui-avatar
+                                    size="m"
+                                    [src]="
+                                        'https://assets.coincap.io/assets/icons/' +
+                                        data[i].symbol.toLowerCase() +
+                                        '@2x.png'
+                                    "
+                                />
+                                <tui-avatar
+                                    size="m"
+                                    [src]="
+                                        'https://assets.coincap.io/assets/icons/' +
+                                        data[i + 1].symbol.toLowerCase() +
+                                        '@2x.png'
+                                    "
+                                />
+                            </tui-avatar-stack>
+                            <div TuiTitle>
+                                {{ data[i].symbol.toUpperCase() }}/{{ data[i + 1].symbol.toUpperCase() }}
+                            </div>
+                            <div class="last-columns">
+                                <div TuiTitle>${{ getTVL(data, i) }}M</div>
+                                <div TuiTitle>{{ getAPR(data, i) }}%</div>
+                            </div>
                         </div>
                     </div>
                 </cdk-virtual-scroll-viewport>