refactor(addon-mobile): use TuiLoaderModule inside `TUI_ANDROID_LOA…

…DER` (#6536)
taiga-family · Jan 24, 2024 · 4324bf0 · 4324bf0
1 parent 24267dc
commit 4324bf0
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 27 deletions.
diff --git a/projects/addon-mobile/components/pull-to-refresh/loader-android/loader-android.style.less b/projects/addon-mobile/components/pull-to-refresh/loader-android/loader-android.style.less
@@ -35,16 +35,6 @@
     margin-left: -1.125rem;
 }
 
-.t-loading {
-    display: block;
-    width: 1rem;
-    border-radius: 100%;
-    animation: tuiLoaderRotate 3s linear infinite;
-}
-
-.t-circle {
-    fill: none;
-    stroke: var(--tui-text-01);
-    stroke-width: 1.5rem;
-    animation: tuiLoaderDashOffset 3s linear infinite;
+.t-loader {
+    color: var(--tui-text-01);
 }
diff --git a/projects/addon-mobile/components/pull-to-refresh/loader-android/loader-android.template.html b/projects/addon-mobile/components/pull-to-refresh/loader-android/loader-android.template.html
@@ -30,17 +30,9 @@
     </svg>
 </div>
 <ng-template #loading>
-    <svg
-        viewBox="0 0 100 100"
-        xmlns="http://www.w3.org/2000/svg"
-        class="t-loading"
-    >
-        <circle
-            cx="50"
-            cy="50"
-            r="50"
-            stroke-dasharray="314"
-            class="t-circle"
-        ></circle>
-    </svg>
+    <tui-loader
+        size="s"
+        class="t-loader"
+        [inheritColor]="true"
+    ></tui-loader>
 </ng-template>
diff --git a/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.module.ts b/projects/addon-mobile/components/pull-to-refresh/pull-to-refresh.module.ts
@@ -1,15 +1,21 @@
 import {CommonModule} from '@angular/common';
 import {NgModule} from '@angular/core';
 import {TuiRepeatTimesModule} from '@taiga-ui/cdk';
-import {TuiSvgModule} from '@taiga-ui/core';
+import {TuiLoaderModule, TuiSvgModule} from '@taiga-ui/core';
 import {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';
 
 import {TuiMobileLoaderAndroidComponent} from './loader-android/loader-android.component';
 import {TuiMobileLoaderIOSComponent} from './loader-ios/loader-ios.component';
 import {TuiPullToRefreshComponent} from './pull-to-refresh.component';
 
 @NgModule({
-    imports: [CommonModule, TuiSvgModule, TuiRepeatTimesModule, PolymorpheusModule],
+    imports: [
+        CommonModule,
+        TuiLoaderModule,
+        TuiSvgModule,
+        TuiRepeatTimesModule,
+        PolymorpheusModule,
+    ],
     declarations: [
         TuiPullToRefreshComponent,
         TuiMobileLoaderAndroidComponent,