From 3aa6d6df98e2418a4b3904c804e858db037aa5d4 Mon Sep 17 00:00:00 2001
From: Vasyl Zhyliakov <snak87@gmail.com>
Date: Sun, 27 Oct 2024 16:37:47 +0300
Subject: [PATCH] Solution v 0.91

---
 src/api/comments.ts               | 12 ------------
 src/components/NewCommentForm.tsx |  6 +++++-
 src/components/OneUser.tsx        |  5 ++++-
 src/components/PostsList.tsx      |  5 +----
 src/components/UserSelector.tsx   |  1 +
 5 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/src/api/comments.ts b/src/api/comments.ts
index 8d5b49463..d5e06897e 100644
--- a/src/api/comments.ts
+++ b/src/api/comments.ts
@@ -19,15 +19,3 @@ export const createComment = ({
 }: Omit<Comment, 'id'>) => {
   return client.post<Comment>('/comments', { postId, name, email, body });
 };
-
-// export interface Comment {
-//   id: number;
-//   postId: number;
-//   name: string;
-//   email: string;
-//   body: string;
-// }
-
-// export const updateTodo = ({ id, title, completed }: Omit<Todo, 'userId'>) => {
-//   return client.patch<Todo>(`/todos/${id}`, { title, completed });
-// };
diff --git a/src/components/NewCommentForm.tsx b/src/components/NewCommentForm.tsx
index 9ddb53f19..a2edea2c6 100644
--- a/src/components/NewCommentForm.tsx
+++ b/src/components/NewCommentForm.tsx
@@ -80,7 +80,11 @@ export const NewCommentForm: React.FC<Props> = ({
   };
 
   return (
-    <form data-cy="NewCommentForm" onSubmit={handleSubmit} onReset={handleReset}>
+    <form
+      data-cy="NewCommentForm"
+      onSubmit={handleSubmit}
+      onReset={handleReset}
+    >
       <div className="field" data-cy="NameField">
         <label className="label" htmlFor="comment-author-name">
           Author Name
diff --git a/src/components/OneUser.tsx b/src/components/OneUser.tsx
index cdfeafdcd..81ef6e9bf 100644
--- a/src/components/OneUser.tsx
+++ b/src/components/OneUser.tsx
@@ -1,13 +1,16 @@
 import { User } from '../types/User';
+import cn from 'classnames';
 
 type Props = {
   user: User;
+  selectedUserId: number | null;
   setSelectedUserId: (id: number | null) => void;
   setIsDropDownOpen: (status: boolean) => void;
 };
 
 export const OneUser: React.FC<Props> = ({
   user,
+  selectedUserId,
   setSelectedUserId,
   setIsDropDownOpen,
 }) => {
@@ -19,7 +22,7 @@ export const OneUser: React.FC<Props> = ({
   return (
     <a
       href={`#user-${user.id}`}
-      className="dropdown-item"
+      className={cn("dropdown-item", {'is-active': selectedUserId === user.id})}
       onClick={handleUserSelect}
     >
       {user.name}
diff --git a/src/components/PostsList.tsx b/src/components/PostsList.tsx
index 895bde898..c3d93779b 100644
--- a/src/components/PostsList.tsx
+++ b/src/components/PostsList.tsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import cn from 'classnames';
 import { Post } from '../types/Post';
 import { OnePost } from './OnePost';
 
@@ -18,9 +17,7 @@ export const PostsList: React.FC<Props> = ({
     <p className="title">Posts:</p>
 
     <table
-      className={cn('table is-striped is-hoverable is-narrow', {
-        'is-fullwidth': !activePostId,
-      })}
+      className='table is-striped is-hoverable is-narrow is-fullwidth'
     >
       <thead>
         <tr className="has-background-link-light">
diff --git a/src/components/UserSelector.tsx b/src/components/UserSelector.tsx
index 5c344c1c0..b66c27163 100644
--- a/src/components/UserSelector.tsx
+++ b/src/components/UserSelector.tsx
@@ -50,6 +50,7 @@ export const UserSelector: React.FC<Props> = ({
             <OneUser
               user={user}
               key={user.id}
+              selectedUserId={selectedUserId}
               setSelectedUserId={setSelectedUserId}
               setIsDropDownOpen={setIsDropDownOpen}
             />