From e19210c143cf764a9369c79fc7c7298f7dd382cd Mon Sep 17 00:00:00 2001
From: wojtekwtf <wojciechkulikowski@icloud.com>
Date: Thu, 8 Sep 2022 17:57:56 +0200
Subject: [PATCH 1/3] Add feedbackfish button

---
 components/FeedbackFishButton.tsx | 14 ++++++++++++++
 package.json                      |  1 +
 pages/_app.tsx                    |  2 ++
 yarn.lock                         |  5 +++++
 4 files changed, 22 insertions(+)
 create mode 100644 components/FeedbackFishButton.tsx

diff --git a/components/FeedbackFishButton.tsx b/components/FeedbackFishButton.tsx
new file mode 100644
index 00000000..4fedd384
--- /dev/null
+++ b/components/FeedbackFishButton.tsx
@@ -0,0 +1,14 @@
+import { FeedbackFish } from '@feedback-fish/react';
+
+const FeedbackFishButton = () => {
+  // Get your projectId from your dashboard at feedback.fish/app
+  return (
+    <FeedbackFish projectId="36a0493932a949">
+      <button className="absolute right-10 bottom-4 hidden rounded-lg border border-gray-900 bg-white px-2 py-1 lg:block">
+        Send feedback
+      </button>
+    </FeedbackFish>
+  );
+};
+
+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) => {
       <AnnouncementModal />
 
       <Authenticator />
+      <FeedbackFishButton />
     </AppProvider>
   );
 };
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"

From 54897962459d36107d2bd16a0cfa1d0d4b251882 Mon Sep 17 00:00:00 2001
From: wojtekwtf <wojciechkulikowski@icloud.com>
Date: Thu, 8 Sep 2022 18:34:33 +0200
Subject: [PATCH 2/3] Changed style for the feedback button

---
 components/{FeedbackFishButton.tsx => FeedbackFishButton.jsx} | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
 rename components/{FeedbackFishButton.tsx => FeedbackFishButton.jsx} (62%)

diff --git a/components/FeedbackFishButton.tsx b/components/FeedbackFishButton.jsx
similarity index 62%
rename from components/FeedbackFishButton.tsx
rename to components/FeedbackFishButton.jsx
index 4fedd384..187c143a 100644
--- a/components/FeedbackFishButton.tsx
+++ b/components/FeedbackFishButton.jsx
@@ -4,8 +4,8 @@ const FeedbackFishButton = () => {
   // Get your projectId from your dashboard at feedback.fish/app
   return (
     <FeedbackFish projectId="36a0493932a949">
-      <button className="absolute right-10 bottom-4 hidden rounded-lg border border-gray-900 bg-white px-2 py-1 lg:block">
-        Send feedback
+      <button className="fixed right-4 bottom-4 hidden rounded-lg border border-blue-100 bg-blue-50 px-6 py-3 font-medium text-blue-600 lg:block">
+        Give us feedback
       </button>
     </FeedbackFish>
   );

From c1d0dfb2894238c244bec7d4aae3c3d742f06059 Mon Sep 17 00:00:00 2001
From: wojtekwtf <wojciechkulikowski@icloud.com>
Date: Thu, 8 Sep 2022 22:44:47 +0200
Subject: [PATCH 3/3] Add light shadow to the button

---
 components/FeedbackFishButton.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/FeedbackFishButton.jsx b/components/FeedbackFishButton.jsx
index 187c143a..67f81449 100644
--- a/components/FeedbackFishButton.jsx
+++ b/components/FeedbackFishButton.jsx
@@ -4,7 +4,7 @@ const FeedbackFishButton = () => {
   // Get your projectId from your dashboard at feedback.fish/app
   return (
     <FeedbackFish projectId="36a0493932a949">
-      <button className="fixed right-4 bottom-4 hidden rounded-lg border border-blue-100 bg-blue-50 px-6 py-3 font-medium text-blue-600 lg:block">
+      <button className="fixed right-4 bottom-4 hidden rounded-lg border border-blue-100 bg-blue-50 px-6 py-3 font-medium text-blue-600 shadow-sm shadow-blue-50 lg:block">
         Give us feedback
       </button>
     </FeedbackFish>