whoami7 - Manager
:
/
home
/
analuakl
/
bents.in
/
wp-content
/
plugins
/
extendify
/
src
/
HelpCenter
/
components
/
ai-chat
/
Upload File:
files >> /home/analuakl/bents.in/wp-content/plugins/extendify/src/HelpCenter/components/ai-chat/Rating.jsx
import { useState, useEffect } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import { Icon } from '@wordpress/icons'; import classnames from 'classnames'; import { thumbUp, thumbDown } from '@help-center/components/ai-chat/icons'; import { rateAnswer } from '@help-center/lib/api'; export const Rating = ({ answerId }) => { const [rating, setRating] = useState(undefined); useEffect(() => { if (!answerId) return; if (rating === undefined) return; rateAnswer({ answerId, rating }); }, [rating, answerId]); return ( <div className="mt-1 flex items-center justify-end gap-0.5 text-right"> <button type="button" aria-pressed={rating === 1} aria-live="polite" onClick={() => setRating((current) => (current === 1 ? 0 : 1))} aria-label={ rating === 1 ? __('Remove rating', 'extendify-local') : __('Rate that this answer was helpful', 'extendify-local') } className={classnames( 'm-0 h-5 w-5 border-0 bg-transparent p-0 hover:text-design-main', { 'text-design-main': rating === 1, 'text-gray-500': rating !== 1, }, )}> <Icon className="fill-current" icon={thumbUp} /> </button> <button type="button" aria-pressed={rating === -1} aria-live="polite" onClick={() => setRating((current) => (current === -1 ? 0 : -1))} aria-label={ rating === -1 ? __('Remove rating', 'extendify-local') : __('Rate that this answer was not helpful', 'extendify-local') } className={classnames( 'm-0 h-5 w-5 border-0 bg-transparent p-0 hover:text-design-main', { 'text-design-main': rating === -1, 'text-gray-500': rating !== -1, }, )}> <Icon className="fill-current" icon={thumbDown} /> </button> </div> ); };
Copyright ©2021 || Defacer Indonesia