2cd96b0df0
* ui: start highlight ui * ui: tag items * ui: connecting highlights to notes api... * Highlight feature refinements (#2948) * ui: move clips player to foss, connect notes api to hl * ui: tune note/hl editing, prevent zoom slider body from jumping around * ui: safe check for tag * ui: fix thumbnail gen * ui: fix thumbnail gen * ui: make player modal wider, add shadow * ui: custom warn barge for clips * ui: swap icon for note event wrapper * ui: rm other, fix cancel * ui: moving around creation modal * ui: bg tint * ui: rm disabled for text btn * ui: fix ownership sorting * ui: close player on bg click * ui: fix query, fix min distance for default range * ui: move hl list header out of list comp * ui: spot list header segmented size * Various improvements in highlights (#2955) * ui: update hl in hlPanel comp * ui: rm debug * ui: fix icons file --------- Co-authored-by: Sudheer Salavadi <connect.uxmaster@gmail.com>
20 lines
No EOL
518 B
TypeScript
20 lines
No EOL
518 B
TypeScript
import React from 'react'
|
|
import { Button, Tooltip } from 'antd';
|
|
import { MessageSquareQuote } from 'lucide-react'
|
|
import { Icon } from 'UI';
|
|
|
|
function HighlightButton({ onClick }: { onClick: () => void }) {
|
|
|
|
const openPanel = () => {
|
|
onClick();
|
|
}
|
|
return (
|
|
<Tooltip title={'Highlight a moment'} placement={'bottom'}>
|
|
<Button onClick={openPanel} size={'small'}>
|
|
<Icon name="chat-square-quote" color="inherit" size={15} />
|
|
</Button>
|
|
</Tooltip>
|
|
)
|
|
}
|
|
|
|
export default HighlightButton |