From b0bb3ebb741bd63b41479e7c31e72327646e3e3b Mon Sep 17 00:00:00 2001
From: Daniel Dimitrov <daniel@compojoom.com>
Date: Tue, 20 Feb 2024 09:29:59 +0100
Subject: [PATCH] update stake widget to 0.0.102

---
 package.json                    |  2 +-
 src/components/stake/Widget.tsx | 36 +--------------------------------
 src/pages/stake.tsx             |  1 -
 yarn.lock                       |  8 ++++----
 4 files changed, 6 insertions(+), 41 deletions(-)

diff --git a/package.json b/package.json
index 777fabf69d..2e4670f735 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
     "@safe-global/safe-modules-deployments": "^1.2.0",
     "@sentry/react": "^7.91.0",
     "@spindl-xyz/attribution-lite": "^1.4.0",
-    "@stakekit/widget": "^0.0.100",
+    "@stakekit/widget": "^0.0.102",
     "@tkey-mpc/common-types": "^8.2.2",
     "@truffle/hdwallet-provider": "^2.1.4",
     "@vanilla-extract/next-plugin": "^2.3.6",
diff --git a/src/components/stake/Widget.tsx b/src/components/stake/Widget.tsx
index 3fa2eada42..f65b2eeb83 100644
--- a/src/components/stake/Widget.tsx
+++ b/src/components/stake/Widget.tsx
@@ -6,41 +6,7 @@ import { SKApp, darkTheme } from "@stakekit/widget"
 export const Widget = () => {
   return (
     <>
-      <SKApp
-        apiKey={"api-key-here"}
-        theme={{
-          ...darkTheme,
-          color: {
-            ...darkTheme.color,
-            background: "rgba(0, 0, 0, 0.83)",
-            modalBodyBackground: "#121415",
-            selectValidatorMultiDefaultBackground: "#121415",
-            positionsSectionBackgroundColor: "#121415",
-            positionsSectionBorderColor: "#121415",
-
-            secondaryButtonBackground: "#FFFFFF0D",
-            secondaryButtonOutline: "#FFFFFF0D",
-
-            secondaryButtonActiveBackground: "#ffffff1a",
-            secondaryButtonActiveOutline: "#ffffff1a",
-            secondaryButtonActiveColor: "#EEF0F2",
-
-            secondaryButtonHoverBackground: "#ffffff1a",
-            secondaryButtonHoverOutline: "#ffffff1a",
-            secondaryButtonHoverColor: "#EEF0F2",
-
-            stakeSectionBackground: "#FFFFFF0D",
-            backgroundMuted: "#FFFFFF0D",
-            tokenSelectBackground: "#FFFFFF0D",
-            positionsSectionDividerColor: "#FFFFFF0D",
-            tokenSelectHoverBackground: "#ffffff1a",
-
-            skeletonLoaderBase: "#FFFFFF0D",
-            skeletonLoaderHighlight: "#2B2B2B",
-          },
-        }}
-        connectKitForceTheme="darkMode"
-      />
+      <SKApp apiKey="api-key-here" theme={darkTheme} connectKitForceTheme="darkMode" />
     </>
   )
 }
diff --git a/src/pages/stake.tsx b/src/pages/stake.tsx
index fe48ead152..5a37a1b4e0 100644
--- a/src/pages/stake.tsx
+++ b/src/pages/stake.tsx
@@ -1,4 +1,3 @@
-"use client";
 import type { NextPage } from 'next'
 import Head from 'next/head'
 import { Widget } from '@/components/stake/Widget'
diff --git a/yarn.lock b/yarn.lock
index a997e7d041..be0ee1f88d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5745,10 +5745,10 @@
     react-remove-scroll "2.5.4"
     ua-parser-js "^1.0.35"
 
-"@stakekit/widget@^0.0.100":
-  version "0.0.100"
-  resolved "https://registry.yarnpkg.com/@stakekit/widget/-/widget-0.0.100.tgz#e9bc8035161f07af43ba140737554bbf46d91c47"
-  integrity sha512-knhB5Ax6xVOcw8liF8DsiG5pkO5fb8LBQirBMqJvmH2hbWZmpHP0gdqbliKzoqNhUQsdDWqwuaWh+ylpIQWWjg==
+"@stakekit/widget@^0.0.102":
+  version "0.0.102"
+  resolved "https://registry.yarnpkg.com/@stakekit/widget/-/widget-0.0.102.tgz#199a94fc8c7d19ad5b8105e21ce44cc5f5d387a7"
+  integrity sha512-3JPWptNm6djR5iBEPFpz2V0tOMlA2Oj5v/v7qo3OZOS3fZtoD6+EoGTVhbDbSW/hHCuEPu3Bbk/AxdSQlrT3nw==
   dependencies:
     "@cassiozen/usestatemachine" "^1.0.1"
     "@cosmjs/amino" "^0.32.2"