From a3dc4caea5b3a9eaca2c467d8de14d3055cf44e2 Mon Sep 17 00:00:00 2001
From: Moritz Kirstein <mkirstein@protonmail.com>
Date: Tue, 30 Apr 2024 12:06:52 +0200
Subject: [PATCH] chore: clean up logs

---
 src/@context/Web3Provider.tsx              | 52 ++++++++++++++++++++++
 src/components/Asset/Edit/EditMetadata.tsx |  7 +--
 2 files changed, 54 insertions(+), 5 deletions(-)
 create mode 100644 src/@context/Web3Provider.tsx

diff --git a/src/@context/Web3Provider.tsx b/src/@context/Web3Provider.tsx
new file mode 100644
index 00000000..bc0960cb
--- /dev/null
+++ b/src/@context/Web3Provider.tsx
@@ -0,0 +1,52 @@
+import { WagmiProvider, createConfig } from 'wagmi'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ConnectKitProvider, getDefaultConfig } from 'connectkit'
+import { getSupportedChains } from '../@utils/wallet/chains'
+import { getSupportedChainIds } from '../../chains.config'
+import { ReactElement, ReactNode } from 'react'
+
+const config = createConfig(
+  getDefaultConfig({
+    // Your dApps chains
+    chains: getSupportedChains(getSupportedChainIds()),
+    // Required API Keys
+    walletConnectProjectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID,
+    // Required App Info
+    appName: 'Pontus-X'
+  })
+)
+
+// ConnectKit CSS overrides
+// https://docs.family.co/connectkit/theming#theme-variables
+export const connectKitTheme = {
+  '--ck-font-family': 'var(--font-family-base)',
+  '--ck-border-radius': 'var(--border-radius)',
+  '--ck-overlay-background': 'var(--background-body-transparent)',
+  '--ck-modal-box-shadow': '0 0 20px 20px var(--box-shadow-color)',
+  '--ck-body-background': 'var(--background-body)',
+  '--ck-body-color': 'var(--font-color-text)',
+  '--ck-primary-button-border-radius': 'var(--border-radius)',
+  '--ck-primary-button-color': 'var(--font-color-heading)',
+  '--ck-primary-button-background': 'var(--background-content)',
+  '--ck-secondary-button-border-radius': 'var(--border-radius)'
+}
+
+const queryClient = new QueryClient()
+
+export default function Web3Provider({
+  children
+}: {
+  children: ReactNode
+}): ReactElement {
+  return (
+    <WagmiProvider config={config}>
+      <QueryClientProvider client={queryClient}>
+        <ConnectKitProvider customTheme={connectKitTheme}>
+          {children}
+        </ConnectKitProvider>
+      </QueryClientProvider>
+    </WagmiProvider>
+  )
+}
+
+export { Web3Provider }
diff --git a/src/components/Asset/Edit/EditMetadata.tsx b/src/components/Asset/Edit/EditMetadata.tsx
index 3179d12c..f5c72ad1 100644
--- a/src/components/Asset/Edit/EditMetadata.tsx
+++ b/src/components/Asset/Edit/EditMetadata.tsx
@@ -62,14 +62,11 @@ export default function Edit({
     if (isAutomationEnabled && autoWallet?.address) {
       setAccountIdToUse(autoWallet.address)
       setSignerToUse(autoWallet)
-      LoggerInstance.log('[edit] using autoWallet', { autoWallet })
+      LoggerInstance.log('[edit] using autoWallet to sign')
     } else if (accountId && signer) {
       setAccountIdToUse(accountId)
       setSignerToUse(signer)
-      LoggerInstance.log('[edit] using web3 account', {
-        accountId,
-        signer
-      })
+      LoggerInstance.log('[edit] using web3 account to sign')
     } else {
       refetchSigner()
       LoggerInstance.log('[edit] refetching signer')