__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
import { rateAnswer } from '@agent/api';
import { thumbDown, thumbUp } from '@agent/icons';
import { useEffect, useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { Icon } from '@wordpress/icons';
import classnames from 'classnames';
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="flex items-center justify-end">
<div className="flex items-center gap-px rounded-xl border border-gray-400 bg-gray-50 px-2 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-6 border-0 bg-transparent p-0 hover:text-design-main',
{
'text-design-main': rating === 1,
'text-gray-600': 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-6 border-0 bg-transparent p-0 hover:text-design-main',
{
'text-design-main': rating === -1,
'text-gray-600': rating !== -1,
},
)}
>
<Icon className="fill-current" icon={thumbDown} />
</button>
</div>
</div>
);
};
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| buttons | Folder | 0755 |
|
|
| layouts | Folder | 0755 |
|
|
| messages | Folder | 0755 |
|
|
| redirects | Folder | 0755 |
|
|
| ChatInput.jsx | File | 6.88 KB | 0644 |
|
| ChatMessages.jsx | File | 5.55 KB | 0644 |
|
| ChatSuggestions.jsx | File | 3.75 KB | 0644 |
|
| ChatTools.jsx | File | 1.35 KB | 0644 |
|
| DOMHighlighter.jsx | File | 8.25 KB | 0644 |
|
| ErrorMessage.jsx | File | 872 B | 0644 |
|
| GuidedTour.jsx | File | 14.88 KB | 0644 |
|
| ImageUploader.jsx | File | 6.03 KB | 0644 |
|
| OptionsPopover.jsx | File | 5.36 KB | 0644 |
|
| PageDocument.jsx | File | 1.06 KB | 0644 |
|
| Rating.jsx | File | 1.85 KB | 0644 |
|
| ScrollDownButton.jsx | File | 1.1 KB | 0644 |
|
| ScrollIntoViewOnce.jsx | File | 876 B | 0644 |
|