| | |
| | | }) => { |
| | | const { t } = useTranslation() |
| | | return ( |
| | | <div className='flex w-full items-center justify-between '> |
| | | <div className='text-2xl font-normal leading-4 text-gray-800'>{t('share.generation.resultTitle')}</div> |
| | | <div className='flex w-full justify-between items-center '> |
| | | <div className='text-gray-800 text-2xl leading-4 font-normal'>{t('share.generation.resultTitle')}</div> |
| | | <div className='flex items-center space-x-2'> |
| | | <Button |
| | | className='h-7 p-[2px] pr-2' |
| | |
| | | }} |
| | | > |
| | | <> |
| | | <ClipboardDocumentIcon className='mr-1 h-3 w-4 text-gray-500' /> |
| | | <span className='text-xs leading-3 text-gray-500'>{t('share.generation.copy')}</span> |
| | | <ClipboardDocumentIcon className='text-gray-500 w-4 h-3 mr-1' /> |
| | | <span className='text-gray-500 text-xs leading-3'>{t('share.generation.copy')}</span> |
| | | </> |
| | | </Button> |
| | | |
| | |
| | | rating: null, |
| | | }) |
| | | }} |
| | | className='flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-primary-200 bg-primary-100 !text-primary-600 hover:border-primary-300 hover:bg-primary-200'> |
| | | className='flex w-7 h-7 items-center justify-center rounded-md cursor-pointer !text-primary-600 border border-primary-200 bg-primary-100 hover:border-primary-300 hover:bg-primary-200'> |
| | | <HandThumbUpIcon width={16} height={16} /> |
| | | </div> |
| | | </Tooltip> |
| | |
| | | rating: null, |
| | | }) |
| | | }} |
| | | className='flex h-7 w-7 cursor-pointer items-center justify-center rounded-md border border-red-200 bg-red-100 !text-red-600 hover:border-red-300 hover:bg-red-200'> |
| | | className='flex w-7 h-7 items-center justify-center rounded-md cursor-pointer !text-red-600 border border-red-200 bg-red-100 hover:border-red-300 hover:bg-red-200'> |
| | | <HandThumbDownIcon width={16} height={16} /> |
| | | </div> |
| | | </Tooltip> |
| | | )} |
| | | |
| | | {showFeedback && !feedback.rating && ( |
| | | <div className='flex space-x-1 rounded-lg border border-gray-200 p-[1px]'> |
| | | <div className='flex rounded-lg border border-gray-200 p-[1px] space-x-1'> |
| | | <Tooltip |
| | | popupContent="Great Rating" |
| | | needsDelay={false} |
| | |
| | | rating: 'like', |
| | | }) |
| | | }} |
| | | className='flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-gray-100'> |
| | | className='flex w-6 h-6 items-center justify-center rounded-md cursor-pointer hover:bg-gray-100'> |
| | | <HandThumbUpIcon width={16} height={16} /> |
| | | </div> |
| | | </Tooltip> |
| | |
| | | rating: 'dislike', |
| | | }) |
| | | }} |
| | | className='flex h-6 w-6 cursor-pointer items-center justify-center rounded-md hover:bg-gray-100'> |
| | | className='flex w-6 h-6 items-center justify-center rounded-md cursor-pointer hover:bg-gray-100'> |
| | | <HandThumbDownIcon width={16} height={16} /> |
| | | </div> |
| | | </Tooltip> |