From e0163ce494cb55c16986f7f45c84f4d4c14d866b Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 14:45:44 +0300
Subject: [PATCH 01/14] added icons

---
 frontend/src/pages/snippet/ActionsToolbar.jsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index 6d6406c5..41800e3e 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -1,9 +1,9 @@
 import { useTranslation } from 'react-i18next';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 
 import Button from 'react-bootstrap/Button';
 import Col from 'react-bootstrap/Col';
-import { BoxArrowUp, Files, PlayFill } from 'react-bootstrap-icons';
+import { BoxArrowUp, Files, PlayFill, DistributeHorizontal, DistributeVertical } from 'react-bootstrap-icons';
 import { actions } from '../../slices';
 import { useAuth, useRunButton } from '../../hooks';
 
@@ -14,7 +14,7 @@ function ActionsToolbar({ snippet }) {
   const { snippetData, code } = snippet;
   const { name: snippetName, ownerUsername } = snippetData;
   const { isLoggedIn } = useAuth();
-
+  const { direction } = useSelector((state) => state.editor);
   const handleShare = () => {
     dispatch(
       actions.openModal({
@@ -49,8 +49,19 @@ function ActionsToolbar({ snippet }) {
     }
   };
 
+  const handleView = () => {
+
+  }
+
   return (
     <Col className="toolbar">
+      <Button 
+        className="btn-icon-only-full-height"
+        onClick={handleView}
+        variant="nofill-body"
+      >
+      <DistributeHorizontal />
+      </Button>
       <Button
         className="btn-icon-only-full-height"
         onClick={handleDuplicate}

From b5b2c7190e5351214fdd3ec00f617b4a67d28257 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 14:46:09 +0300
Subject: [PATCH 02/14] import direction. Added useEffect on mobile

---
 frontend/src/pages/snippet/index.jsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/snippet/index.jsx b/frontend/src/pages/snippet/index.jsx
index 610f1c7d..12977746 100644
--- a/frontend/src/pages/snippet/index.jsx
+++ b/frontend/src/pages/snippet/index.jsx
@@ -28,7 +28,7 @@ function ResizeHandler({ direction = 'horizontal' }) {
 
 function SnippetPage() {
   const { isLoggedIn } = useAuth();
-  const { isAllSaved, isReady, code, hasSnippetData, snippetData } =
+  const { isAllSaved, isReady, code, hasSnippetData, snippetData, direction } =
     useSelector((state) => state.editor);
   const snippetApi = useSnippets();
   const params = useParams();
@@ -67,9 +67,16 @@ function SnippetPage() {
 
   const debouncedValue = useDebounce(code, AUTOSAVE_TIMEOUT);
 
-  const direction = useMediaQuery('(min-width: 768px)')
-    ? 'horizontal'
-    : 'vertical';
+  const isNotMobile = useMediaQuery('(min-width: 768px)');
+
+  useEffect(() => {
+    if (isNotMobile) {
+      dispatch(actions.updateDirection('horizontal'));
+    }
+    else {
+      dispatch(actions.updateDirection('vertical'));
+    }
+  })
 
   useEffect(() => {
     const editorData = editorDataRef.current;

From 25e8bbf4e1ba8b5c6b247fcde3270b1aebc4cfbc Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 14:46:26 +0300
Subject: [PATCH 03/14] added direction in state, and added action
 updateDirection

---
 frontend/src/slices/editorSlice.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/frontend/src/slices/editorSlice.js b/frontend/src/slices/editorSlice.js
index dcc211f4..1ee45423 100644
--- a/frontend/src/slices/editorSlice.js
+++ b/frontend/src/slices/editorSlice.js
@@ -18,6 +18,7 @@ const initialState = {
   code: DEFAULT_CODE,
   savedCode: DEFAULT_CODE,
   isAllSaved: true,
+  direction: 'horizontal'
 };
 
 const editorSlice = createSlice({
@@ -49,6 +50,19 @@ const editorSlice = createSlice({
       const code = payload ?? DEFAULT_CODE;
       return { ...initialState, code };
     },
+    updateDirection(state, { payload}) {
+      const direction = payload;
+      switch (direction) {
+        case 'vertical':
+          state.direction = 'vertical';
+          break;
+        case 'horizontal':
+          state.direction = 'horizontal';
+          break;
+        default:
+          state.direction = 'horizontal';
+      }
+    }
   },
 });
 

From dc7eded731927786f4d585496d2d8859c9cc44a4 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 15:08:49 +0300
Subject: [PATCH 04/14] added displayicons

---
 frontend/src/pages/snippet/ActionsToolbar.jsx | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index 41800e3e..90db8143 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -49,8 +49,27 @@ function ActionsToolbar({ snippet }) {
     }
   };
 
-  const handleView = () => {
+  const DisplayIconView = () => {
+    switch (direction) {
+      case 'horizontal':
+        return <DistributeHorizontal />;
+      case 'vertical':
+        return <DistributeVertical />;
+      default:
+        return <DistributeHorizontal />;
+    }
+  }
 
+  const handleView = () => {
+    
+    if (direction === 'horizontal') {
+      dispatch(actions.updateDirection('vertical'));
+      return;
+    }
+    if (direction === 'vertical') {
+      dispatch(actions.updateDirection('horizontal'));
+      return;
+    }
   }
 
   return (
@@ -60,7 +79,7 @@ function ActionsToolbar({ snippet }) {
         onClick={handleView}
         variant="nofill-body"
       >
-      <DistributeHorizontal />
+      <DisplayIconView/>
       </Button>
       <Button
         className="btn-icon-only-full-height"

From dda329668ff5ea899e65b3d65230f191a0f82fe3 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 15:09:00 +0300
Subject: [PATCH 05/14] one time render to useEffect

---
 frontend/src/pages/snippet/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/snippet/index.jsx b/frontend/src/pages/snippet/index.jsx
index 12977746..ec538a3d 100644
--- a/frontend/src/pages/snippet/index.jsx
+++ b/frontend/src/pages/snippet/index.jsx
@@ -76,7 +76,7 @@ function SnippetPage() {
     else {
       dispatch(actions.updateDirection('vertical'));
     }
-  })
+  }, [])
 
   useEffect(() => {
     const editorData = editorDataRef.current;

From d3f374d3e64768537549a636e6c2861d793f7e03 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:07:09 +0300
Subject: [PATCH 06/14] added d-none and d-md-inline-block to button

---
 frontend/src/pages/snippet/ActionsToolbar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index 90db8143..7e3db386 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -75,7 +75,7 @@ function ActionsToolbar({ snippet }) {
   return (
     <Col className="toolbar">
       <Button 
-        className="btn-icon-only-full-height"
+        className="btn-icon-only-full-height d-none d-md-inline-block"
         onClick={handleView}
         variant="nofill-body"
       >

From 806848cc354d5bc909f81203ef3ccae419450240 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:07:37 +0300
Subject: [PATCH 07/14] added updateIsNotMobile

---
 frontend/src/slices/editorSlice.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/slices/editorSlice.js b/frontend/src/slices/editorSlice.js
index 1ee45423..585c39f1 100644
--- a/frontend/src/slices/editorSlice.js
+++ b/frontend/src/slices/editorSlice.js
@@ -18,7 +18,8 @@ const initialState = {
   code: DEFAULT_CODE,
   savedCode: DEFAULT_CODE,
   isAllSaved: true,
-  direction: 'horizontal'
+  direction: 'horizontal',
+  isNotMobile: false,
 };
 
 const editorSlice = createSlice({
@@ -62,6 +63,9 @@ const editorSlice = createSlice({
         default:
           state.direction = 'horizontal';
       }
+    },
+    updateIsNotMobile(state, {payload}) {
+      state.isNotMobile = payload;
     }
   },
 });

From 905544f483db57ce7cc8f708f9894ebeb65a4b50 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:09:14 +0300
Subject: [PATCH 08/14] linter

---
 frontend/src/pages/snippet/index.jsx | 5 ++---
 frontend/src/slices/editorSlice.js   | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/snippet/index.jsx b/frontend/src/pages/snippet/index.jsx
index ec538a3d..63100bf6 100644
--- a/frontend/src/pages/snippet/index.jsx
+++ b/frontend/src/pages/snippet/index.jsx
@@ -72,11 +72,10 @@ function SnippetPage() {
   useEffect(() => {
     if (isNotMobile) {
       dispatch(actions.updateDirection('horizontal'));
-    }
-    else {
+    } else {
       dispatch(actions.updateDirection('vertical'));
     }
-  }, [])
+  }, []);
 
   useEffect(() => {
     const editorData = editorDataRef.current;
diff --git a/frontend/src/slices/editorSlice.js b/frontend/src/slices/editorSlice.js
index 585c39f1..badd64e2 100644
--- a/frontend/src/slices/editorSlice.js
+++ b/frontend/src/slices/editorSlice.js
@@ -51,7 +51,7 @@ const editorSlice = createSlice({
       const code = payload ?? DEFAULT_CODE;
       return { ...initialState, code };
     },
-    updateDirection(state, { payload}) {
+    updateDirection(state, { payload }) {
       const direction = payload;
       switch (direction) {
         case 'vertical':

From dcc3cd1019caf33b6c82a6a0c2ed58e92a093d53 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:12:02 +0300
Subject: [PATCH 09/14] linter

---
 frontend/src/pages/snippet/ActionsToolbar.jsx | 18 +++++++++++-------
 frontend/src/slices/editorSlice.js            |  4 ++--
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index 7e3db386..85a06621 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -3,7 +3,13 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import Button from 'react-bootstrap/Button';
 import Col from 'react-bootstrap/Col';
-import { BoxArrowUp, Files, PlayFill, DistributeHorizontal, DistributeVertical } from 'react-bootstrap-icons';
+import {
+  BoxArrowUp,
+  Files,
+  PlayFill,
+  DistributeHorizontal,
+  DistributeVertical,
+} from 'react-bootstrap-icons';
 import { actions } from '../../slices';
 import { useAuth, useRunButton } from '../../hooks';
 
@@ -49,7 +55,7 @@ function ActionsToolbar({ snippet }) {
     }
   };
 
-  const DisplayIconView = () => {
+  function DisplayIconView() {
     switch (direction) {
       case 'horizontal':
         return <DistributeHorizontal />;
@@ -61,25 +67,23 @@ function ActionsToolbar({ snippet }) {
   }
 
   const handleView = () => {
-    
     if (direction === 'horizontal') {
       dispatch(actions.updateDirection('vertical'));
       return;
     }
     if (direction === 'vertical') {
       dispatch(actions.updateDirection('horizontal'));
-      return;
     }
-  }
+  };
 
   return (
     <Col className="toolbar">
-      <Button 
+      <Button
         className="btn-icon-only-full-height d-none d-md-inline-block"
         onClick={handleView}
         variant="nofill-body"
       >
-      <DisplayIconView/>
+        <DisplayIconView />
       </Button>
       <Button
         className="btn-icon-only-full-height"
diff --git a/frontend/src/slices/editorSlice.js b/frontend/src/slices/editorSlice.js
index badd64e2..d9fbd0be 100644
--- a/frontend/src/slices/editorSlice.js
+++ b/frontend/src/slices/editorSlice.js
@@ -64,9 +64,9 @@ const editorSlice = createSlice({
           state.direction = 'horizontal';
       }
     },
-    updateIsNotMobile(state, {payload}) {
+    updateIsNotMobile(state, { payload }) {
       state.isNotMobile = payload;
-    }
+    },
   },
 });
 

From fbcc6ea001419fa87313c6d561a5e004adf394b0 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:13:57 +0300
Subject: [PATCH 10/14] lint

---
 frontend/src/pages/snippet/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/snippet/index.jsx b/frontend/src/pages/snippet/index.jsx
index 63100bf6..a640c45f 100644
--- a/frontend/src/pages/snippet/index.jsx
+++ b/frontend/src/pages/snippet/index.jsx
@@ -75,7 +75,7 @@ function SnippetPage() {
     } else {
       dispatch(actions.updateDirection('vertical'));
     }
-  }, []);
+  }, [dispatch, isNotMobile]);
 
   useEffect(() => {
     const editorData = editorDataRef.current;

From 0e1aa736d99ae01d4033908266f0af48672c87b7 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:24:50 +0300
Subject: [PATCH 11/14] created component ActionsToolbar

---
 frontend/src/components/ActionsToolbar/index.jsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 frontend/src/components/ActionsToolbar/index.jsx

diff --git a/frontend/src/components/ActionsToolbar/index.jsx b/frontend/src/components/ActionsToolbar/index.jsx
new file mode 100644
index 00000000..c0b5e906
--- /dev/null
+++ b/frontend/src/components/ActionsToolbar/index.jsx
@@ -0,0 +1,16 @@
+import { useSelector } from 'react-redux';
+import { DistributeHorizontal, DistributeVertical } from 'react-bootstrap-icons';
+
+function DisplayIconView() {
+    const { direction } = useSelector((state) => state.editor);
+    switch (direction) {
+        case 'horizontal':
+            return <DistributeHorizontal />;
+        case 'vertical':
+            return <DistributeVertical />;
+        default:
+            return <DistributeHorizontal />;
+    }
+}
+
+export default DisplayIconView
\ No newline at end of file

From 1cb6eeb0b405a5ec1bae15f93127552dcb9c87cb Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:25:13 +0300
Subject: [PATCH 12/14] imported DisplayIconView

---
 frontend/src/pages/snippet/ActionsToolbar.jsx | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index 85a06621..e4a8e2d9 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -7,11 +7,10 @@ import {
   BoxArrowUp,
   Files,
   PlayFill,
-  DistributeHorizontal,
-  DistributeVertical,
 } from 'react-bootstrap-icons';
 import { actions } from '../../slices';
 import { useAuth, useRunButton } from '../../hooks';
+import DisplayIconView from '../../components/ActionsToolbar/index.jsx';
 
 function ActionsToolbar({ snippet }) {
   const { t } = useTranslation();
@@ -55,17 +54,6 @@ function ActionsToolbar({ snippet }) {
     }
   };
 
-  function DisplayIconView() {
-    switch (direction) {
-      case 'horizontal':
-        return <DistributeHorizontal />;
-      case 'vertical':
-        return <DistributeVertical />;
-      default:
-        return <DistributeHorizontal />;
-    }
-  }
-
   const handleView = () => {
     if (direction === 'horizontal') {
       dispatch(actions.updateDirection('vertical'));

From ef03c64e54afdbee9649961780c99300db8ca040 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Wed, 17 Apr 2024 17:25:54 +0300
Subject: [PATCH 13/14] make lint

---
 .../src/components/ActionsToolbar/index.jsx   | 25 +++++++++++--------
 frontend/src/pages/snippet/ActionsToolbar.jsx |  6 +----
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/ActionsToolbar/index.jsx b/frontend/src/components/ActionsToolbar/index.jsx
index c0b5e906..ad3a0910 100644
--- a/frontend/src/components/ActionsToolbar/index.jsx
+++ b/frontend/src/components/ActionsToolbar/index.jsx
@@ -1,16 +1,19 @@
 import { useSelector } from 'react-redux';
-import { DistributeHorizontal, DistributeVertical } from 'react-bootstrap-icons';
+import {
+  DistributeHorizontal,
+  DistributeVertical,
+} from 'react-bootstrap-icons';
 
 function DisplayIconView() {
-    const { direction } = useSelector((state) => state.editor);
-    switch (direction) {
-        case 'horizontal':
-            return <DistributeHorizontal />;
-        case 'vertical':
-            return <DistributeVertical />;
-        default:
-            return <DistributeHorizontal />;
-    }
+  const { direction } = useSelector((state) => state.editor);
+  switch (direction) {
+    case 'horizontal':
+      return <DistributeHorizontal />;
+    case 'vertical':
+      return <DistributeVertical />;
+    default:
+      return <DistributeHorizontal />;
+  }
 }
 
-export default DisplayIconView
\ No newline at end of file
+export default DisplayIconView;
diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index e4a8e2d9..20aa44d2 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -3,11 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import Button from 'react-bootstrap/Button';
 import Col from 'react-bootstrap/Col';
-import {
-  BoxArrowUp,
-  Files,
-  PlayFill,
-} from 'react-bootstrap-icons';
+import { BoxArrowUp, Files, PlayFill } from 'react-bootstrap-icons';
 import { actions } from '../../slices';
 import { useAuth, useRunButton } from '../../hooks';
 import DisplayIconView from '../../components/ActionsToolbar/index.jsx';

From 146958eba2f97158bc76c8a684306db3f16d5ff5 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Thu, 18 Apr 2024 13:35:46 +0300
Subject: [PATCH 14/14] lint backend

---
 backend/src/config/mailer.config.ts | 16 +++++++-----
 backend/src/users/users.service.ts  | 40 ++++++++++++++++-------------
 2 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/backend/src/config/mailer.config.ts b/backend/src/config/mailer.config.ts
index 3ede4801..e0b02655 100644
--- a/backend/src/config/mailer.config.ts
+++ b/backend/src/config/mailer.config.ts
@@ -5,10 +5,10 @@ const configFromName = (transportUrl) => {
   const parts = transportUrl.replace('smtp://', '').split(':');
   const [emailName, otherInfo] = parts;
   const domain = otherInfo.split('.');
-  const [,domName, dom] = domain;
+  const [, domName, dom] = domain;
 
-  return `${emailName}@${domName}.${dom}`
-}
+  return `${emailName}@${domName}.${dom}`;
+};
 
 export class MailerConfig implements MailerOptionsFactory {
   /* eslint-disable-next-line class-methods-use-this */
@@ -17,7 +17,9 @@ export class MailerConfig implements MailerOptionsFactory {
     const options: MailerOptions = {
       transport: transportUrl,
       defaults: {
-        from: `"Run IT" <${transportUrl ? configFromName(transportUrl) : "test"}>`,
+        from: `"Run IT" <${
+          transportUrl ? configFromName(transportUrl) : 'test'
+        }>`,
       },
       template: {
         dir: `${process.cwd()}/src/users/templates`,
@@ -32,9 +34,9 @@ export class MailerConfig implements MailerOptionsFactory {
       case 'production':
         return options;
       default:
-        options.transport =
-          process.env.TRANSPORT_MAILER_URL ??
-          { jsonTransport: true }
+        options.transport = process.env.TRANSPORT_MAILER_URL ?? {
+          jsonTransport: true,
+        };
         options.preview = true;
         return options;
     }
diff --git a/backend/src/users/users.service.ts b/backend/src/users/users.service.ts
index 6d2dd2c6..b2151ab2 100644
--- a/backend/src/users/users.service.ts
+++ b/backend/src/users/users.service.ts
@@ -2,6 +2,7 @@
 /* eslint-disable no-param-reassign */
 /* eslint-disable class-methods-use-this */
 
+import { mkdirSync, openSync, appendFileSync } from 'fs';
 import { Injectable } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { ILike, Repository } from 'typeorm';
@@ -13,7 +14,6 @@ import { Snippets } from '../entities/snippet.entity';
 import { User } from './interfaces/users.interface';
 import { RecoverUserDto } from './dto/recover-user.dto';
 import { cipher, decipher } from './secure/cipher';
-import { mkdirSync, openSync, appendFileSync } from 'fs';
 
 @Injectable()
 export class UsersService {
@@ -76,23 +76,27 @@ export class UsersService {
     const url = `${frontendUrl}/recovery/${recoverHash}`;
 
     try {
-      this.mailerService.sendMail({
-        to: email,
-        // FIXME: use i18n
-        subject: 'Ссылка для изменения пароля на runit.hexlet.ru',
-        template: 'recover',
-        context: {
-          url,
-        },
-      })
-      .then((data) => {
-        if (process.env.NODE_ENV !== "production" && !process.env.TRANSPORT_MAILER_URL) {
-          const logsDirName = process.env.LOGS_PATH ?? 'logs';
-          mkdirSync(logsDirName, { recursive: true });
-          openSync(`${logsDirName}/mail.log`, 'a');  
-          appendFileSync(`${logsDirName}/mail.log`, `${data.message}\n`);
-        }
-      });
+      this.mailerService
+        .sendMail({
+          to: email,
+          // FIXME: use i18n
+          subject: 'Ссылка для изменения пароля на runit.hexlet.ru',
+          template: 'recover',
+          context: {
+            url,
+          },
+        })
+        .then((data) => {
+          if (
+            process.env.NODE_ENV !== 'production' &&
+            !process.env.TRANSPORT_MAILER_URL
+          ) {
+            const logsDirName = process.env.LOGS_PATH ?? 'logs';
+            mkdirSync(logsDirName, { recursive: true });
+            openSync(`${logsDirName}/mail.log`, 'a');
+            appendFileSync(`${logsDirName}/mail.log`, `${data.message}\n`);
+          }
+        });
     } catch (e) {
       throw new Error(e);
     }