clients/countericons: adjust comments icon

polarsource · Oct 31, 2023 · 2ad8968 · 2ad8968
1 parent 627727b
commit 2ad8968
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 12 deletions.
diff --git a/clients/packages/polarkit/src/components/Issue/IconCounter.tsx b/clients/packages/polarkit/src/components/Issue/IconCounter.tsx
@@ -1,18 +1,14 @@
-import { ChatBubbleLeftIcon } from '@heroicons/react/24/outline'
+import { ChatBubbleOutline } from '@mui/icons-material'
 
 type Icon = 'thumbs_up' | 'comments'
 
 const IconCounter = (props: { icon: Icon; count: number }) => {
   return (
     <>
-      <div className="dark:text-polar-500 inline-flex items-center gap-1 text-[#7E7E7E]">
-        {props.icon === 'comments' && (
-          <ChatBubbleLeftIcon className="h-4 w-4" />
-        )}
-        {props.icon === 'thumbs_up' && <span className="text-lg">👍</span>}
-        <span className="dark:text-polar-400 text-sm text-gray-500">
-          {props.count}
-        </span>
+      <div className="dark:text-polar-500 inline-flex items-center gap-1 rounded-md text-sm text-gray-400">
+        {props.icon === 'comments' && <ChatBubbleOutline fontSize="inherit" />}
+        {props.icon === 'thumbs_up' && <span>👍</span>}
+        <span className="text-sm">{props.count}</span>
       </div>
     </>
   )

diff --git a/clients/packages/polarkit/src/components/Issue/IssueSummary.tsx b/clients/packages/polarkit/src/components/Issue/IssueSummary.tsx
@@ -97,7 +97,7 @@ const IssueSummary: React.FC<IssueSummaryProps> = ({
           showLogo && 'md:pl-none pl-12',
         )}
       >
-        <div className="flex items-center gap-6">
+        <div className="flex items-center gap-4">
           {showStatus && (
             <div className="dark:text-polar-400 flex flex-row items-center gap-2 text-sm text-gray-500">
               {isOpen ? (

diff --git a/clients/packages/polarkit/src/components/pledge/IssueCard.tsx b/clients/packages/polarkit/src/components/pledge/IssueCard.tsx
@@ -1,5 +1,5 @@
-import { ChatBubbleLeftIcon } from '@heroicons/react/24/outline'
 import { HeartIcon, StarIcon } from '@heroicons/react/24/solid'
+import { ChatBubbleOutline } from '@mui/icons-material'
 import {
   Assignee,
   Funding,
@@ -99,7 +99,7 @@ const IssueCard = ({
           <div className="flex flex-row items-center justify-center gap-4 sm:justify-end">
             {issue.comments !== undefined && (
               <div className="flex flex-row items-center gap-1">
-                <ChatBubbleLeftIcon className="h-5 w-5" />
+                <ChatBubbleOutline className="h-5 w-5" fontSize="small" />
                 {issue.comments}
               </div>
             )}