open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

make button pretty

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/answers/answers-panel.tsx
View File

@ -32,6 +32,8 @@ import { useChartAnswers } from '../charts/contract/choice'
import { ChatAlt2Icon, ChatAltIcon } from '@heroicons/react/solid' import { ChatAlt2Icon, ChatAltIcon } from '@heroicons/react/solid'
import { ChatIcon } from '@heroicons/react/outline' import { ChatIcon } from '@heroicons/react/outline'
import { ReplyTo } from '../feed/feed-comments' import { ReplyTo } from '../feed/feed-comments'
import { InfoTooltip } from '../info-tooltip'
import { Tooltip } from '../tooltip'
// TODO: get a color // TODO: get a color
// export function useAnswerColor(answer: Answer, contract:Contract) { // export function useAnswerColor(answer: Answer, contract:Contract) {
@ -260,11 +262,8 @@ function OpenAnswer(props: {
<button <button
className="p-1" className="p-1"
onClick={() => onAnswerCommentClick(answer)} 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> </button>
} }
</Row> </Row>

2
web/components/comment-input.tsx
View File

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