diff --git a/components/FeedbackFishButton.jsx b/components/FeedbackFishButton.jsx new file mode 100644 index 00000000..67f81449 --- /dev/null +++ b/components/FeedbackFishButton.jsx @@ -0,0 +1,14 @@ +import { FeedbackFish } from '@feedback-fish/react'; + +const FeedbackFishButton = () => { + // Get your projectId from your dashboard at feedback.fish/app + return ( + + + + ); +}; + +export default FeedbackFishButton; diff --git a/package.json b/package.json index 876e09b3..75e3cc97 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "format": "npx prettier --write ." }, "dependencies": { + "@feedback-fish/react": "^1.2.1", "@lottiefiles/react-lottie-player": "^3.4.7", "@reduxjs/toolkit": "^1.6.2", "@tailwindcss/line-clamp": "^0.4.0", diff --git a/pages/_app.tsx b/pages/_app.tsx index c32065c8..ff3acaee 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -13,6 +13,7 @@ import { REFRESH_TOKEN_KEY } from '@/config'; import { login, logout } from '@/slices/user'; import { AnnouncementModal } from '@/components/Announcement'; import { clearWagmiStorage } from '@/utils'; +import FeedbackFishButton from '@/components/FeedbackFishButton'; const App = ({ Component, pageProps }: AppProps) => { React.useEffect(() => { @@ -62,6 +63,7 @@ const App = ({ Component, pageProps }: AppProps) => { + ); }; diff --git a/yarn.lock b/yarn.lock index 76215ca8..326a4c3f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1683,6 +1683,11 @@ "@ethersproject/properties" "^5.5.0" "@ethersproject/strings" "^5.5.0" +"@feedback-fish/react@^1.2.1": + version "1.2.1" + resolved "https://registry.yarnpkg.com/@feedback-fish/react/-/react-1.2.1.tgz#b4d226f310df936517e9e5e82397806a5df4e2d8" + integrity sha512-4YFD2hE93xBIT/Ko0x0l6UB0OyaxJcWKLGrnznsUVoLE5Q9vB8I1LEbMySYyuvbU9ul3yM3FjGkVZhYVPdwEyA== + "@gar/promisify@^1.0.1": version "1.1.2" resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.2.tgz#30aa825f11d438671d585bd44e7fd564535fc210"