From 3798f5da0056b135c2212d147c02156f29e4f428 Mon Sep 17 00:00:00 2001
From: MishaZhem <mz-100@mail.ru>
Date: Thu, 29 Aug 2024 16:49:28 +0300
Subject: [PATCH] chore: add exit button on animal page

---
 .../space-zoo/components/animal/animal.component.html      | 7 +++++++
 .../space-zoo/components/animal/animal.component.less      | 7 +++++++
 .../space-zoo/components/animal/animal.component.ts        | 6 ++++--
 3 files changed, 18 insertions(+), 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
index 180813dd8..daa18a3a3 100644
--- 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
index 5cf608be2..2a499d586 100644
--- 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
index 2fe560a13..b4f91536f 100644
--- 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,