Solution v 0.91

mate-academy · Oct 27, 2024 · 3aa6d6d · 3aa6d6d
1 parent 251004b
commit 3aa6d6d
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 18 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -50,6 +50,7 @@ export const UserSelector: React.FC<Props> = ({
             <OneUser
               user={user}
               key={user.id}
+              selectedUserId={selectedUserId}
               setSelectedUserId={setSelectedUserId}
               setIsDropDownOpen={setIsDropDownOpen}
             />