import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment' ; import Translate , { translate } from '@docusaurus/Translate' ; import React , { useState } from 'react' ; export const DocsRating = ( { label } ) => { const [ voted , setVoted ] = useState ( false ) ; const [ shouldLeaveReply , setShouldLeaveReply ] = useState ( false ) ; if ( ! ExecutionEnvironment . canUseDOM ) { return null ; } const giveFeedback = ( value ) => { if ( ( window as any ) . ga ) { ( window as any ) . ga ( 'send' , { hitType : 'event' , eventCategory : 'feedback' , eventLabel : label , eventValue : value , } ) ; } setVoted ( true ) ; setShouldLeaveReply ( value === 0 ) ; } ; const leaveReply = ( event ) => { const { target : { previousSibling : { value } , } , } = event ; if ( ( window as any ) . ga && value ) { ( window as any ) . ga ( 'send' , { hitType : 'event' , eventCategory : 'reply' , eventAction : value , eventLabel : label , } ) ; } setShouldLeaveReply ( false ) ; } ; if ( voted ) { return ( < div className = "docsRating" > { ! shouldLeaveReply ? ( translate ( { id : 'components.DocsRating.replySuccess' , message : 'Спасибо за отзыв!' , } ) ) : ( < div className = "leaveReply" > < Translate id = "components.DocsRating.replyTitle" > Уделите нам ещё минуту вашего времени < /Translate> < textarea className = "textArea" name = "reply" autoFocus placeholder = { translate ( { id : 'components.DocsRating.replyTextareaPlaceholder' , message : 'Как можно улучшить эту страницу?' , } ) } rows = { 5 } maxLength = { 400 } / > < button type = "button" onClick = { leaveReply } className = "button button--m button--primary margin--xs" > < Translate id = "components.DocsRating.replySendButton" > Отправить < /Translate> < /button> < /div>)} < /div>); } return ( < div className = "docsRating" > < Translate id = "components.DocsRating.title" > Была ли эта страница полезной ? < /Translate> < svg className = "i_thumbsup" onClick = { ( ) => giveFeedback ( 1 ) } xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 81.13 89.76" > < path d = "M22.9 6a18.57 18.57 0 002.67 8.4 25.72 25.72 0 008.65 7.66c3.86 2 8.67 7.13 13.51 11 3.86 3.11 8.57 7.11 11.54 8.45s13.59.26 14.64 1.17c1.88 1.63 1.55 9-.11 15.25-1.61 5.86-5.96 10.55-6.48 16.86-.4 4.83-2.7 4.88-10.93 4.88h-1.35c-3.82 0-8.24 2.93-12.92 3.62a68 68 0 01-9.73.5c-3.57 0-7.86-.08-13.25-.08-3.56 0-4.71-1.83-4.71-4.48h8.42a3.51 3.51 0 000-7H12.28a2.89 2.89 0 01-2.88-2.88 1.91 1.91 0 01.77-1.78h16.46a3.51 3.51 0 000-7H12.29c-3.21 0-4.84-1.83-4.84-4a6.41 6.41 0 011.17-3.78h19.06a3.5 3.5 0 100-7H9.75A3.51 3.51 0 016 42.27a3.45 3.45 0 013.75-3.48h13.11c5.61 0 7.71-3 5.71-5.52-4.43-4.74-10.84-12.62-11-18.71-.15-6.51 2.6-7.83 5.36-8.56m0-6a6.18 6.18 0 00-1.53.2c-6.69 1.77-10 6.65-9.82 14.5.08 5.09 2.99 11.18 8.52 18.09H9.74a9.52 9.52 0 00-6.23 16.9 12.52 12.52 0 00-2.07 6.84 9.64 9.64 0 003.65 7.7 7.85 7.85 0 00-1.7 5.13 8.9 8.9 0 005.3 8.13 6 6 0 00-.26 1.76c0 6.37 4.2 10.48 10.71 10.48h13.25a73.75 73.75 0 0010.6-.56 35.89 35.89 0 007.58-2.18 17.83 17.83 0 014.48-1.34h1.35c4.69 0 7.79 0 10.5-1 3.85-1.44 6-4.59 6.41-9.38.2-2.46 1.42-4.85 2.84-7.62a41.3 41.3 0 003.42-8.13 48 48 0 001.59-10.79c.1-5.13-1-8.48-3.35-10.55-2.16-1.87-4.64-1.87-9.6-1.88a46.86 46.86 0 01-6.64-.29c-1.92-.94-5.72-4-8.51-6.3l-1.58-1.28c-1.6-1.3-3.27-2.79-4.87-4.23-3.33-3-6.47-5.79-9.61-7.45a20.2 20.2 0 01-6.43-5.53 12.44 12.44 0 01-1.72-5.36 6 6 0 00-6-5.86z" / > < /svg> < svg className = "i_thumbsdown" onClick = { ( ) => giveFeedback ( 0 ) } xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 81.13 89.76" > < path d = "M22.9 6a18.57 18.57 0 002.67 8.4 25.72 25.72 0 008.65 7.66c3.86 2 8.67 7.13 13.51 11 3.86 3.11 8.57 7.11 11.54 8.45s13.59.26 14.64 1.17c1.88 1.63 1.55 9-.11 15.25-1.61 5.86-5.96 10.55-6.48 16.86-.4 4.83-2.7 4.88-10.93 4.88h-1.35c-3.82 0-8.24 2.93-12.92 3.62a68 68 0 01-9.73.5c-3.57 0-7.86-.08-13.25-.08-3.56 0-4.71-1.83-4.71-4.48h8.42a3.51 3.51 0 000-7H12.28a2.89 2.89 0 01-2.88-2.88 1.91 1.91 0 01.77-1.78h16.46a3.51 3.51 0 000-7H12.29c-3.21 0-4.84-1.83-4.84-4a6.41 6.41 0 011.17-3.78h19.06a3.5 3.5 0 100-7H9.75A3.51 3.51 0 016 42.27a3.45 3.45 0 013.75-3.48h13.11c5.61 0 7.71-3 5.71-5.52-4.43-4.74-10.84-12.62-11-18.71-.15-6.51 2.6-7.83 5.36-8.56m0-6a6.18 6.18 0 00-1.53.2c-6.69 1.77-10 6.65-9.82 14.5.08 5.09 2.99 11.18 8.52 18.09H9.74a9.52 9.52 0 00-6.23 16.9 12.52 12.52 0 00-2.07 6.84 9.64 9.64 0 003.65 7.7 7.85 7.85 0 00-1.7 5.13 8.9 8.9 0 005.3 8.13 6 6 0 00-.26 1.76c0 6.37 4.2 10.48 10.71 10.48h13.25a73.75 73.75 0 0010.6-.56 35.89 35.89 0 007.58-2.18 17.83 17.83 0 014.48-1.34h1.35c4.69 0 7.79 0 10.5-1 3.85-1.44 6-4.59 6.41-9.38.2-2.46 1.42-4.85 2.84-7.62a41.3 41.3 0 003.42-8.13 48 48 0 001.59-10.79c.1-5.13-1-8.48-3.35-10.55-2.16-1.87-4.64-1.87-9.6-1.88a46.86 46.86 0 01-6.64-.29c-1.92-.94-5.72-4-8.51-6.3l-1.58-1.28c-1.6-1.3-3.27-2.79-4.87-4.23-3.33-3-6.47-5.79-9.61-7.45a20.2 20.2 0 01-6.43-5.53 12.44 12.44 0 01-1.72-5.36 6 6 0 00-6-5.86z" / > < /svg> < /div>); } ;