chore: add exit button on animal page

taiga-family · Aug 29, 2024 · 3798f5d · 3798f5d
1 parent 874b33f
commit 3798f5d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.html b/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.html
@@ -1,5 +1,12 @@
 @let animal = animals[id];
 <div class="info">
+    <button
+        appearance="icon"
+        iconStart="@tui.log-out"
+        routerLink="/dashboards/space-zoo/"
+        tuiIconButton
+        class="exit"
+    ></button>
     <tui-avatar
         [size]="'xxl'"
         [src]="animal.src"

diff --git a/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.less b/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.less
@@ -8,6 +8,7 @@
 }
 
 .info {
+    position: relative;
     display: flex;
     align-items: center;
     gap: 2rem;
@@ -79,3 +80,9 @@
     gap: 1rem;
     height: max-content;
 }
+
+.exit {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
diff --git a/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.ts b/apps/taiga-lumbermill/src/dashboards/space-zoo/components/animal/animal.component.ts
@@ -7,8 +7,8 @@ import {
     signal,
 } from '@angular/core';
 import {toSignal} from '@angular/core/rxjs-interop';
-import {ActivatedRoute} from '@angular/router';
-import {TuiAppearance, TuiSurface, TuiTitle} from '@taiga-ui/core';
+import {ActivatedRoute, RouterLink} from '@angular/router';
+import {TuiAppearance, TuiButton, TuiSurface, TuiTitle} from '@taiga-ui/core';
 import {TuiAvatar, TuiBadge, TuiProgress} from '@taiga-ui/kit';
 import {TuiCardLarge, TuiHeader} from '@taiga-ui/layout';
 import {map, startWith, takeWhile, timer} from 'rxjs';
@@ -20,9 +20,11 @@ import {actions, animals} from '../administrator/administrator.component';
     selector: 'lmb-animal-page',
     imports: [
         CommonModule,
+        RouterLink,
         TuiAppearance,
         TuiAvatar,
         TuiBadge,
+        TuiButton,
         TuiCardLarge,
         TuiHeader,
         TuiProgress,