From a5f9b616011a0070af5ab91d8887a34ab546fba5 Mon Sep 17 00:00:00 2001
From: Nikolai Sukhanov <nvsukhanov@outlook.com>
Date: Tue, 12 Mar 2024 18:35:28 +0400
Subject: [PATCH] docs: add exit hints in steam deck manual

---
 modules/shared/manuals/src/lib/common-styles.scss          | 7 +++++++
 .../src/lib/steam-deck/steam-deck-manual.component.html    | 2 ++
 .../src/lib/steam-deck/steam-deck-manual.component.ts      | 4 +++-
 src/assets/i18n/en.json                                    | 4 +++-
 src/assets/i18n/ru.json                                    | 4 +++-
 5 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/modules/shared/manuals/src/lib/common-styles.scss b/modules/shared/manuals/src/lib/common-styles.scss
index f0821c36..0a171a60 100644
--- a/modules/shared/manuals/src/lib/common-styles.scss
+++ b/modules/shared/manuals/src/lib/common-styles.scss
@@ -34,3 +34,10 @@ p {
 h3 {
     font-weight: 500;
 }
+
+.hint {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-weight: 500;
+}
diff --git a/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.html b/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.html
index ef72bdac..faa9e377 100644
--- a/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.html
+++ b/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.html
@@ -145,4 +145,6 @@ <h3>{{ t('title') }}</h3>
         <li>{{ t('closeProperties') }}</li>
         <li>{{ t('result') }}</li>
     </ol>
+    <p class="hint"><mat-icon [fontIcon]="'info'"></mat-icon>{{ t('toExitDesktop') }}</p>
+    <p class="hint"><mat-icon [fontIcon]="'info'"></mat-icon>{{ t('toExitGameMode') }}</p>
 </section>
diff --git a/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.ts b/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.ts
index 7c1e699a..1fe1ecc2 100644
--- a/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.ts
+++ b/modules/shared/manuals/src/lib/steam-deck/steam-deck-manual.component.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgOptimizedImage } from '@angular/common';
 import { MatDivider } from '@angular/material/divider';
 import { TranslocoDirective, TranslocoPipe } from '@ngneat/transloco';
+import { MatIcon } from '@angular/material/icon';
 import { CodeBlockComponent } from '@app/shared-ui';
 
 import { COMMON_RESOURCES } from '../common-resources';
@@ -16,7 +17,8 @@ import { COMMON_RESOURCES } from '../common-resources';
         MatDivider,
         TranslocoPipe,
         TranslocoDirective,
-        CodeBlockComponent
+        CodeBlockComponent,
+        MatIcon
     ],
     changeDetection: ChangeDetectionStrategy.OnPush
 })
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index fb2bced4..930cb113 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -706,7 +706,9 @@
         "openAppProperties": "Find \"MOC Commander\" in the Steam Client Library and open its properties (\"Gear Icon\" -> \"Properties\")",
         "addOption": "In \"Launch Options,\" add a space at the end of the line and the following option:",
         "closeProperties": "Close the properties window",
-        "result": "Now, the application will launch at the maximum available resolution."
+        "result": "Now, the application will launch at the maximum available resolution.",
+        "toExitDesktop": "To exit the application while in desktop mode, press L5 + R5 and then - 'Stop' in the Steam Client",
+        "toExitGameMode": "To exit the application in game mode, press the Steam button and select \"Exit game\"."
       }
     },
     "windowsInstallation": {
diff --git a/src/assets/i18n/ru.json b/src/assets/i18n/ru.json
index bc955679..b0cb015e 100644
--- a/src/assets/i18n/ru.json
+++ b/src/assets/i18n/ru.json
@@ -706,7 +706,9 @@
         "openAppProperties": "Найдите \"MOC Commander\" в библиотеке клиента Steam и откройте его свойства (\"Иконка шестеренки\" -> \"Properties\")",
         "addOption": "В \"Launch Options\" добавьте пробел в конце строки и следующую опцию:",
         "closeProperties": "Закройте окно свойств",
-        "result": "Теперь приложение будет запускаться с максимально доступным разрешением."
+        "result": "Теперь приложение будет запускаться с максимально доступным разрешением.",
+        "toExitDesktop": "Для того, чтобы закрыть приложение находясь в Desktop Mode, нажмите L5 + R5, затем - \"Stop\" в Steam Client",
+        "toExitGameMode": "Закрыть приложение в игровом режиме можно с помощью нажатия на \"Steam button\", а затем - \"Exit game\"."
       }
     },
     "windowsInstallation": {