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"