make button pretty

This commit is contained in:
ingawei 2022-10-10 14:37:11 -07:00
parent e8147dc5c3
commit b8a095d853
2 changed files with 4 additions and 5 deletions

View File

@ -32,6 +32,8 @@ import { useChartAnswers } from '../charts/contract/choice'
import { ChatAlt2Icon, ChatAltIcon } from '@heroicons/react/solid'
import { ChatIcon } from '@heroicons/react/outline'
import { ReplyTo } from '../feed/feed-comments'
import { InfoTooltip } from '../info-tooltip'
import { Tooltip } from '../tooltip'
// TODO: get a color
// export function useAnswerColor(answer: Answer, contract:Contract) {
@ -260,11 +262,8 @@ function OpenAnswer(props: {
<button
className="p-1"
onClick={() => onAnswerCommentClick(answer)}
// onClick={() =>
// //TODO: make replies
// }
>
<ChatIcon className="text-greyscale-4 h-5 w-5" />
<ChatIcon className="text-greyscale-4 hover:text-greyscale-6 h-5 w-5 transition-colors" />
</button>
}
</Row>

View File

@ -5,7 +5,7 @@ import clsx from 'clsx'
import { Answer } from 'common/answer'
import { AnyContractType, Contract } from 'common/contract'
import { User } from 'common/user'
import { useEffect, useState } from 'react'
import { useEffect, useRef, useState } from 'react'
import { useEvent } from 'web/hooks/use-event'
import { useUser } from 'web/hooks/use-user'
import { MAX_COMMENT_LENGTH } from 'web/lib/firebase/comments'