From f481342b5cafaa9fbf62efe8a68da2942e546bd3 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 31 May 2022 09:13:04 +0300
Subject: [PATCH] change: vote btn in projectCardMini to static text

---
 .../Projects/Components/ProjectCardMini/ProjectCardMini.tsx | 6 +++++-
 .../Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx  | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/features/Projects/Components/ProjectCardMini/ProjectCardMini.tsx b/src/features/Projects/Components/ProjectCardMini/ProjectCardMini.tsx
index d93a90d..447f34c 100644
--- a/src/features/Projects/Components/ProjectCardMini/ProjectCardMini.tsx
+++ b/src/features/Projects/Components/ProjectCardMini/ProjectCardMini.tsx
@@ -36,7 +36,11 @@ export default function ProjectCardMini({ project, onClick }: Props) {
                 <p className="text-body5 text-gray-600 font-light my-[5px]">{project.category.title}</p>
                 {/* <span className="chip-small bg-warning-50 text-yellow-700 font-light text-body5 py-[3px] px-10"> <MdLocalFireDepartment className='inline-block text-fire transform text-body4 align-middle' /> {numberFormatter(project.votes_count)} </span> */}
             </div>
-            <VoteButton votes={project.votes_count} direction='vertical' dense onVote={vote}></VoteButton>
+            {/* <VoteButton votes={project.votes_count} direction='vertical' dense onVote={vote}></VoteButton> */}
+            <div className="flex flex-col text-gray-500 items-center">
+                <MdLocalFireDepartment className="text-gray-400" />
+                <span>{numberFormatter(project.votes_count)}</span>
+            </div>
         </div>
     );
 }
diff --git a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
index 6b63b9a..08717e7 100644
--- a/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
+++ b/src/features/Projects/pages/ExplorePage/ProjectsRow/ProjectsRow.tsx
@@ -31,7 +31,7 @@ const responsive = {
 // }
 
 function calcNumItems() {
-    const items = (((window.innerWidth - 2 * 32) / (300 + 20)));
+    const items = (((window.innerWidth - 2 * 32) / (296 + 20)));
     return items;
 }
 
@@ -112,7 +112,7 @@ export default function ProjectsRow({ title, link, projects }: Props) {
                     }
                 >
                     {projects.map((project, idx) =>
-                        <div key={project.id} className='max-w-[300px]' >
+                        <div key={project.id} className='max-w-[296px]' >
                             <ProjectCardMini project={project} onClick={handleClick} />
                         </div>
                     )}