Move back to M

common/like.ts

@@ -5,4 +5,4 @@ export type Like = {
   createdTime: number
   tipTxnId?: string
 }
-export const LIKE_TIP_AMOUNT = 2
+export const LIKE_TIP_AMOUNT = 5

web/components/contract/like-market-button.tsx

@@ -8,6 +8,8 @@ import toast from 'react-hot-toast'
 import { formatMoney } from 'common/util/format'
 import { likeContract, unLikeContract } from 'web/lib/firebase/likes'
 import { LIKE_TIP_AMOUNT } from 'common/like'
+import { Col } from 'web/components/layout/col'
+import clsx from 'clsx'
 
 export function LikeMarketButton(props: {
   contract: Contract
@@ -33,16 +35,21 @@ export function LikeMarketButton(props: {
 
   return (
     <Button
-      size={'md'}
+      size={'lg'}
       className={'mb-1'}
       color={'gray-white'}
       onClick={onLike}
     >
-      {likedContractIds?.includes(contract.id) ? (
-        <HeartIcon className="h-6 w-6 fill-red-500 text-red-500" />
-      ) : (
-        <HeartIcon className="h-6 w-6 text-gray-500" />
+      <Col className={'items-center justify-center'}>
+        <HeartIcon
+          className={clsx(
+            'h-6 w-6',
+            likedContractIds?.includes(contract.id)
+              ? 'fill-red-500 text-red-500'
+              : ''
           )}
+        />
+      </Col>
     </Button>
   )
 }