From 3c78e2b521e610a0a324fbc3dfb023400f664025 Mon Sep 17 00:00:00 2001
From: Andrei Kondratov <peckondratov@gmail.com>
Date: Sat, 5 Oct 2024 21:11:32 +0500
Subject: [PATCH] feat: links for threads on forum page

---
 packages/client/src/pages/Forum/Forum.scss |  5 ++
 packages/client/src/pages/Forum/Forum.tsx  | 74 ++++++++++++----------
 2 files changed, 45 insertions(+), 34 deletions(-)

diff --git a/packages/client/src/pages/Forum/Forum.scss b/packages/client/src/pages/Forum/Forum.scss
index f4c246c..51a91bb 100644
--- a/packages/client/src/pages/Forum/Forum.scss
+++ b/packages/client/src/pages/Forum/Forum.scss
@@ -63,6 +63,11 @@ $title-color: #bebebe;
     flex-direction: column;
     gap: 24px;
     margin-bottom: 24px;
+
+    a {
+      text-decoration: none;
+      color: $c_white;
+    }
   }
 
   .thread {
diff --git a/packages/client/src/pages/Forum/Forum.tsx b/packages/client/src/pages/Forum/Forum.tsx
index 445507f..93255c2 100644
--- a/packages/client/src/pages/Forum/Forum.tsx
+++ b/packages/client/src/pages/Forum/Forum.tsx
@@ -3,7 +3,7 @@ import { Button } from '@/components/ui/Button/Button'
 import { Card } from '@/components/ui/Card/Card'
 import { PageTitle } from '@/components/ui/PageTitle/PageTitle'
 import { Pagination } from '@/components/ui/Pagination/Pagination'
-import { useNavigate } from 'react-router-dom'
+import { Link, useNavigate } from 'react-router-dom'
 import './Forum.scss'
 const THREADS_COUNT = 3
 
@@ -25,41 +25,47 @@ export const Forum = () => {
         />
       </div>
       <div className="forum-page__threads threads">
-        <Card className="threads__item thread">
-          <div className="thread__title">Новые игры</div>
-          <div className="thread__views views">
-            <span className="views__title">Просмотры:</span>
-            <span className="views__count">222</span>
-          </div>
-          <div className="thread__answers answers">
-            <span className="answers__title">Ответы:</span>
-            <span className="answers__count">222</span>
-          </div>
-        </Card>
+        <Link to="/forum/2">
+          <Card className="threads__item thread">
+            <div className="thread__title">Новые игры</div>
+            <div className="thread__views views">
+              <span className="views__title">Просмотры:</span>
+              <span className="views__count">222</span>
+            </div>
+            <div className="thread__answers answers">
+              <span className="answers__title">Ответы:</span>
+              <span className="answers__count">222</span>
+            </div>
+          </Card>
+        </Link>
 
-        <Card className="threads__item thread">
-          <div className="thread__title">Новые игры</div>
-          <div className="thread__views views">
-            <span className="views__title">Просмотры:</span>
-            <span className="views__count">222</span>
-          </div>
-          <div className="thread__answers answers">
-            <span className="answers__title">Ответы:</span>
-            <span className="answers__count">222</span>
-          </div>
-        </Card>
+        <Link to="/forum/2">
+          <Card className="threads__item thread">
+            <div className="thread__title">Новые игры</div>
+            <div className="thread__views views">
+              <span className="views__title">Просмотры:</span>
+              <span className="views__count">222</span>
+            </div>
+            <div className="thread__answers answers">
+              <span className="answers__title">Ответы:</span>
+              <span className="answers__count">222</span>
+            </div>
+          </Card>
+        </Link>
 
-        <Card className="threads__item thread">
-          <div className="thread__title">Новые игры</div>
-          <div className="thread__views views">
-            <span className="views__title">Просмотры:</span>
-            <span className="views__count">222</span>
-          </div>
-          <div className="thread__answers answers">
-            <span className="answers__title">Ответы:</span>
-            <span className="answers__count">222</span>
-          </div>
-        </Card>
+        <Link to="/forum/2">
+          <Card className="threads__item thread">
+            <div className="thread__title">Новые игры</div>
+            <div className="thread__views views">
+              <span className="views__title">Просмотры:</span>
+              <span className="views__count">222</span>
+            </div>
+            <div className="thread__answers answers">
+              <span className="answers__title">Ответы:</span>
+              <span className="answers__count">222</span>
+            </div>
+          </Card>
+        </Link>
       </div>
       <Pagination total={6}></Pagination>
     </div>