feat: update digest news redirecting (#34)

js_machine_front/src/components/navBar/navBar.tsx

@@ -7,11 +7,12 @@ import { FormattedMessage } from 'react-intl';
 import { NavBarState } from './models/navBar';
 
 export class NavBar extends React.PureComponent {
-  public state: NavBarState = { isMenuOpened: false };
+  public state: NavBarState = {isMenuOpened: false};
 
   handleMenu = () => {
-    this.setState({ isMenuOpened: !this.state.isMenuOpened });
+    this.setState({isMenuOpened: !this.state.isMenuOpened});
   }
+
   render(): JSX.Element {
     return (
       <div>
@@ -41,9 +42,6 @@ export class NavBar extends React.PureComponent {
           <NavLink exact={true} className="menu__nav-link" activeClassName="active-link" to="/authorization">
             <FormattedMessage id="page.signIn" />
           </NavLink>
-          <NavLink exact={true} className="menu__nav-link" activeClassName="active-link" to="/digestview">
-            <FormattedMessage id="page.digestview" />
-          </NavLink>
         </div>
       </div>
     );

js_machine_front/src/components/navBar/tests/navBar.test.tsx

@@ -9,6 +9,6 @@ describe('NavBar component is ready', () => {
 
         const tileContent = component.find(NavLink);
 
-        expect(tileContent).toHaveLength(7);
+        expect(tileContent).toHaveLength(6);
     });
 });

js_machine_front/src/scenes/news/components/newsPresentation.tsx

@@ -1,26 +1,30 @@
 import React from 'react';
 import { News } from '../models/news';
+import { Link } from 'react-router-dom';
 
 export const NewsPresentation: React.FC<News> = (props) => {
-    const newsDate: number = new Date(props.date).getDate();
-    const newsMonth: string = new Date(props.date).toLocaleString('ru', { month: 'short' }).toUpperCase();
+  const newsDate: number = new Date(props.date).getDate();
+  const newsMonth: string = new Date(props.date).toLocaleString('ru', {month: 'short'}).toUpperCase();
 
-    return (
-        <div className="news__wrapper">
-            <div className="news__read">
-                <div className="news__read-content">ЧИТАТЬ ></div>
-            </div>
-            <div className="news__content">
-                <div>
-                    <p className="news__day">{newsDate} {newsMonth}</p>
-                </div>
-                <div>
-                    <p className="news__title">{props.title}</p>
-                </div>
-                <div>
-                    <p className="news__description">{props.description}</p>
-                </div>
-            </div>
+  return (
+    <div className="news__wrapper">
+      <Link to="/digestview">
+        <div className="news__read">
+          <div className="news__read-content">ЧИТАТЬ ></div>
         </div>
-    );
+      </Link>
+
+      <div className="news__content">
+        <div>
+          <p className="news__day">{newsDate} {newsMonth}</p>
+        </div>
+        <div>
+          <p className="news__title">{props.title}</p>
+        </div>
+        <div>
+          <p className="news__description">{props.description}</p>
+        </div>
+      </div>
+    </div>
+  )
 };

js_machine_front/src/scenes/news/styles/news.css

@@ -1,5 +1,5 @@
-.body{
+.body {
     height: 100%;
     width: 100%;
-    background-color: rgba(0,0,0,0.6);
+    background-color: rgba(0, 0, 0, 0.6);
 }

js_machine_front/src/scenes/news/styles/newsContainer.css

@@ -77,4 +77,5 @@
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     white-space: nowrap;
+    text-decoration: none;
 }