diff --git a/package-lock.json b/package-lock.json index 168462f6..584bd733 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,7 +18,8 @@ "clsx": "^2.0.0", "prism-react-renderer": "^2.3.0", "react": "^18.0.0", - "react-dom": "^18.0.0" + "react-dom": "^18.0.0", + "react-simple-star-rating": "^5.1.7" }, "devDependencies": { "@docusaurus/module-type-aliases": "3.1.1", @@ -12330,6 +12331,18 @@ "react": ">=15" } }, + "node_modules/react-simple-star-rating": { + "version": "5.1.7", + "resolved": "https://registry.npmjs.org/react-simple-star-rating/-/react-simple-star-rating-5.1.7.tgz", + "integrity": "sha512-NTFkW8W3uwvI82Fv7JW5i7gmDjEZKxJmj+Z9vn+BjYIXT6ILdnU9qnSUP2cWrWN/WAUlue81f9SgM4CQcenltQ==", + "engines": { + "node": ">=14" + }, + "peerDependencies": { + "react": ">=18.0.0", + "react-dom": ">=18.0.0" + } + }, "node_modules/readable-stream": { "version": "3.6.2", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", diff --git a/package.json b/package.json index 477ad0fe..77798dd9 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,8 @@ "clsx": "^2.0.0", "prism-react-renderer": "^2.3.0", "react": "^18.0.0", - "react-dom": "^18.0.0" + "react-dom": "^18.0.0", + "react-simple-star-rating": "^5.1.7" }, "devDependencies": { "@docusaurus/module-type-aliases": "3.1.1", diff --git a/src/components/Feedback/index.js b/src/components/Feedback/index.js new file mode 100644 index 00000000..ff4f5e39 --- /dev/null +++ b/src/components/Feedback/index.js @@ -0,0 +1,37 @@ +import React, { useState, useEffect } from 'react'; +import { Rating } from 'react-simple-star-rating'; + +const Feedback = () => { + const [rating, setRating] = useState(0); + + const handleRating = (rate) => { + setRating(rate); + console.log(window.location.pathname.toString()) + + if (window.gtag) { + window.gtag('event', 'rating', { + event_category: 'Feedback', + event_label: window.location.pathname, + value: rate, + }); + } + }; + + return ( +