From 9c5a47b42c37ce249f8254a78ebd6f23a24af87c Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Tue, 6 Jun 2023 12:16:46 +0300
Subject: [PATCH] Add a side tab for Stargaze Studio Survey

---
 package.json                  |  1 +
 pages/badges/actions.tsx      |  2 ++
 pages/badges/create.tsx       |  2 ++
 pages/collections/actions.tsx |  2 ++
 pages/collections/create.tsx  |  2 ++
 yarn.lock                     | 13 +++++++++++++
 6 files changed, 22 insertions(+)

diff --git a/package.json b/package.json
index 6b8e26b..05fd284 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@svgr/webpack": "^6",
     "@tailwindcss/forms": "^0",
     "@tailwindcss/line-clamp": "^0",
+    "@typeform/embed-react": "2.21.0",
     "axios": "^0",
     "clsx": "^1",
     "compare-versions": "^4",
diff --git a/pages/badges/actions.tsx b/pages/badges/actions.tsx
index 34c7749..2034606 100644
--- a/pages/badges/actions.tsx
+++ b/pages/badges/actions.tsx
@@ -2,6 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+import { Sidetab } from '@typeform/embed-react'
 import type { MintRule } from 'components/badges/creation/ImageUploadDetails'
 import { BadgeQueries } from 'components/badges/queries/Queries'
 import { ContractPageHeader } from 'components/ContractPageHeader'
@@ -206,6 +207,7 @@ const BadgeActionsPage: NextPage = () => {
             </div>
           </div>
         </div>
+        <Sidetab buttonColor="#455CF9" buttonText="Studio Survey" height={600} id="yJnL8fXk" width={800} />
       </form>
     </section>
   )
diff --git a/pages/badges/create.tsx b/pages/badges/create.tsx
index 1c9f41e..40089ab 100644
--- a/pages/badges/create.tsx
+++ b/pages/badges/create.tsx
@@ -7,6 +7,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 
 //import { coin } from '@cosmjs/proto-signing'
+import { Sidetab } from '@typeform/embed-react'
 import clsx from 'clsx'
 import { Alert } from 'components/Alert'
 import { Anchor } from 'components/Anchor'
@@ -765,6 +766,7 @@ const BadgeCreationPage: NextPage = () => {
             Create Badge
           </Button>
         </div>
+        <Sidetab buttonColor="#455CF9" buttonText="Studio Survey" height={600} id="yJnL8fXk" width={800} />
       </div>
     </div>
   )
diff --git a/pages/collections/actions.tsx b/pages/collections/actions.tsx
index c56a059..061558a 100644
--- a/pages/collections/actions.tsx
+++ b/pages/collections/actions.tsx
@@ -1,4 +1,5 @@
 import { toUtf8 } from '@cosmjs/encoding'
+import { Sidetab } from '@typeform/embed-react'
 import { CollectionActions } from 'components/collections/actions/Action'
 import { CollectionQueries } from 'components/collections/queries/Queries'
 import { ContractPageHeader } from 'components/ContractPageHeader'
@@ -231,6 +232,7 @@ const CollectionActionsPage: NextPage = () => {
             </div>
           </div>
         </div>
+        <Sidetab buttonColor="#455CF9" buttonText="Studio Survey" height={600} id="yJnL8fXk" width={800} />
       </form>
     </section>
   )
diff --git a/pages/collections/create.tsx b/pages/collections/create.tsx
index 2bb4fb9..8e41d69 100644
--- a/pages/collections/create.tsx
+++ b/pages/collections/create.tsx
@@ -8,6 +8,7 @@
 
 import { toUtf8 } from '@cosmjs/encoding'
 import { coin } from '@cosmjs/proto-signing'
+import { Sidetab } from '@typeform/embed-react'
 import clsx from 'clsx'
 import { Alert } from 'components/Alert'
 import { Anchor } from 'components/Anchor'
@@ -1472,6 +1473,7 @@ const CollectionCreationPage: NextPage = () => {
               Mint & Add Token(s)
             </Button>
           </Conditional>
+          <Sidetab buttonColor="#455CF9" buttonText="Studio Survey" height={600} id="yJnL8fXk" width={800} />
         </div>
       </div>
     </div>
diff --git a/yarn.lock b/yarn.lock
index 9de7abd..ff7e348 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2703,6 +2703,19 @@
   resolved "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
+"@typeform/embed-react@2.21.0":
+  version "2.21.0"
+  resolved "https://registry.yarnpkg.com/@typeform/embed-react/-/embed-react-2.21.0.tgz#1c2cdb38923540a7f1becefea175631b82d49433"
+  integrity sha512-gEiBVoeEzNBeiWqOOFATcKz62A2lVKsmIwcGC5a432OTIJVGZG2rcWVA4NUYwJnL/TS9+OEsk5ot/cppMeXsoQ==
+  dependencies:
+    "@typeform/embed" "2.11.0"
+    fast-deep-equal "^3.1.3"
+
+"@typeform/embed@2.11.0":
+  version "2.11.0"
+  resolved "https://registry.yarnpkg.com/@typeform/embed/-/embed-2.11.0.tgz#97ab13d8c010a87bd2586b95b4d44c27859ba671"
+  integrity sha512-MEckCfqsqj4z00w5b3D4nK1ix4Elm15L4xsgAkFX7NuCLETa9TZD/vqARlBb63yqR5tPD4LW1mw/ftBBoeIQgA==
+
 "@types/glob@*":
   version "7.2.0"
   resolved "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz"