Hotfix: stability fee

package.json

@@ -27,7 +27,7 @@
         "@ethersproject/address": "^5.0.10",
         "@ethersproject/experimental": "5.4.0",
         "@ethersproject/providers": "5.4.5",
-        "@opendollar/sdk": "1.7.4-rc.3",
+        "@opendollar/sdk": "1.7.5",
         "@opendollar/svg-generator": "1.7.4",
         "@react-spring/web": "^9.7.3",
         "@sentry/cli": "^2.31.0",
@@ -65,7 +65,7 @@
         "react-device-detect": "^1.13.1",
         "react-dom": "^18.3.1",
         "react-feather": "^2.0.9",
-        "react-helmet-async": "^1.0.7",
+        "react-helmet-async": "^2.0.5",
         "react-i18next": "^11.7.2",
         "react-loading-skeleton": "^3.4.0",
         "react-number-format": "^5.2.2",

public/index.html

@@ -58,7 +58,7 @@
         <title>OD | App</title>
 
         <!-- Matomo -->
-        <script src="./tracking.js"></script>
+        <script src="%PUBLIC_URL%/tracking.js"></script>
         <script src="https://usekeyp.matomo.cloud/matomo.js"></script>
         <!-- End Matomo Code -->
         <!-- <script type="text/javascript" src="https://kb.wowto.ai/widgets/M4cmuZpuJqb/widget.js" async defer></script> -->

src/GlobalStyle.tsx

@@ -22,9 +22,8 @@ const GlobalStyle = createGlobalStyle`
   }
 
   body {
-    color: ${(props: any) => props.theme.colors.primary};
-    background-color:${(props: any) => props.theme.colors.background};
     background-image: url('/squares1x.webp'), url('/wavy-blue.webp');
+    background-color: #E2F1FF;
     background-size: contain, 100%;
     background-position: bottom left, top right;
     background-repeat: no-repeat;
@@ -60,27 +59,6 @@ const GlobalStyle = createGlobalStyle`
 
   }
 }
-.place-left {
-    &:after{
-      border-left-color:${(props: any) => props.theme.colors.foreground} !important
-    }
-  }
-
-  .place-top {
-    &:after{
-      border-top-color:${(props: any) => props.theme.colors.foreground} !important
-    }
-  }
-  .place-bottom {
-    &:after{
-      border-bottom-color:${(props: any) => props.theme.colors.foreground} !important
-    }
-  }
-  .place-right {
-    &:after{
-      border-right-color:${(props: any) => props.theme.colors.foreground} !important
-    }
-  }
 
   .Toastify__toast-container {
     padding: 0;
@@ -92,12 +70,8 @@ const GlobalStyle = createGlobalStyle`
     padding-top: 20px;
     padding-bottom: 20px;
     border-radius: 5px;
-    color:${(props: any) => props.theme.colors.primary};
     opacity: 1 !important;
-    background: ${(props: any) => props.theme.colors.foreground};
-    border: ${(props: any) => props.theme.colors.border} !important;
-    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
-
+    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);   
   }
   }
 `
@@ -109,8 +83,8 @@ export const ExternalLinkArrow = css`
     outline: none;
     padding: 0;
     margin: 0;
-    color: ${(props: any) => props.theme.colors.blueish};
-    font-size: ${(props: any) => props.theme.font.small};
+    color: ${(props) => props.theme.colors.blueish};
+    font-size: ${(props) => props.theme.font.small};
     font-weight: 600;
     line-height: 24px;
     letter-spacing: -0.18px;
@@ -136,20 +110,20 @@ export const BtnStyle = css<{
     color?: 'blueish' | 'greenish' | 'yellowish' | 'colorPrimary' | 'colorSecondary'
     border?: boolean
 }>`
-    pointer-events: ${({ theme, disabled }) => (disabled ? 'none' : 'inherit')};
+    pointer-events: ${({ disabled }) => (disabled ? 'none' : 'inherit')};
     outline: none;
-    cursor: ${({ theme, disabled }) => (disabled ? 'not-allowed' : 'pointer')};
+    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
     min-width: 134px;
     border: ${({ theme, border }) => (border ? `1px solid ${theme.colors.blueish}` : 'none')};
     box-shadow: none;
     line-height: 24px;
-    font-size: ${(props: any) => props.theme.font.small};
+    font-size: ${(props) => props.theme.font.small};
     font-weight: 600;
     padding: 8px 30px;
     color: ${({ theme, border }) => (border ? theme.colors.blueish : theme.colors.neutral)};
     background: ${({ theme, disabled, color }) =>
         disabled ? theme.colors.dimmedBackground : theme.colors[color ?? 'blueish']};
-    border-radius: ${(props: any) => props.theme.global.borderRadius};
+    border-radius: ${(props) => props.theme.global.borderRadius};
     transition: all 0.3s ease;
     display: flex;
     align-items: center;