fix: update assets, closes #337 (#339)

* fix: update assets, closes #337 * chore: add changeset --------- Co-authored-by: janniks <[email protected]>
hirosystems · Oct 23, 2023 · 2b0f867 · 2b0f867 · vercel · Oct 23, 2023
1 parent 0ed0111
commit 2b0f867
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 22 deletions.
diff --git a/.changeset/spotty-vans-remember.md b/.changeset/spotty-vans-remember.md
@@ -0,0 +1,5 @@
+---
+'@stacks/connect-ui': patch
+---
+
+Update Leather wallet assets
diff --git a/packages/connect-ui/src/components/modal/assets/browser-not-supported.png b/packages/connect-ui/src/components/modal/assets/browser-not-supported.png
diff --git a/packages/connect-ui/src/components/modal/assets/download-hiro-wallet.png b/packages/connect-ui/src/components/modal/assets/download-hiro-wallet.png
diff --git a/packages/connect-ui/src/components/modal/assets/hiro-wallet-logo.svg b/packages/connect-ui/src/components/modal/assets/hiro-wallet-logo.svg
diff --git a/packages/connect-ui/src/components/modal/assets/leather-logo.svg b/packages/connect-ui/src/components/modal/assets/leather-logo.svg
diff --git a/packages/connect-ui/src/components/modal/modal.scss b/packages/connect-ui/src/components/modal/modal.scss
@@ -38,8 +38,8 @@
   padding: 20px 24px 20px;
   box-sizing: border-box;
   overflow-y: scroll;
-  -ms-overflow-style: none;  
-  scrollbar-width: none;  
+  -ms-overflow-style: none;
+  scrollbar-width: none;
   &::-webkit-scrollbar {
     display: none;
   }
@@ -74,12 +74,6 @@
   flex-direction: column;
 }
 
-.download-hiro-wallet {
-  background-image: $hiro-wallet-download;
-  height: 269px;
-  width: 310px;
-}
-
 .modal-title {
   color: #242629;
   font-family: 'Open Sauce One', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,

diff --git a/packages/connect-ui/src/components/modal/modal.tsx b/packages/connect-ui/src/components/modal/modal.tsx
@@ -1,6 +1,6 @@
 import { Component, h, Prop, State, Element } from '@stencil/core';
 import CloseIcon from './assets/close-icon.svg';
-import HiroWalletLogo from './assets/hiro-wallet-logo.svg';
+import LeatherLogo from './assets/leather-logo.svg';
 import XverseWalletLogo from './assets/xverse-wallet-logo.svg';
 import { getBrowser, getPlatform } from './utils';
 
@@ -83,13 +83,13 @@ export class Modal {
           <div class="modal-content">
             <div class="wallet-container">
               <div class="modal-wallet-card">
-                <img src={HiroWalletLogo} />
+                <img src={LeatherLogo} />
                 <div class="modal-wallet-card-content">
-                  <span class="modal-subheading">Hiro Wallet</span>
+                  <span class="modal-subheading">Leather</span>
                   {browser && !isMobile ? (
                     <div class="modal-wallet-text">
-                      Hiro Wallet is your gateway to Stacks apps like{' '}
-                      {this.authOptions.appDetails.name}. Add it to {browser} to continue{' '}
+                      Leather is the only Bitcoin wallet you need to tap into the emerging Bitcoin
+                      economy.
                     </div>
                   ) : (
                     <div class="modal-wallet-text">
@@ -108,17 +108,14 @@ export class Modal {
                       {` on desktop.`}
                     </div>
                   )}
-                  <span
-                    class="link"
-                    onClick={() => window.open('https://www.hiro.so/wallet', '_blank')}
-                  >
-                    About Hiro Wallet →
+                  <span class="link" onClick={() => window.open('https://leather.io/', '_blank')}>
+                    About Leather →
                   </span>
                   {browser && !isMobile && (
                     <div class="download-app-container">
                       {this.hasOpenedInstall ? (
                         <div class="modal-wallet-text">
-                          After installing Hiro Wallet, reload this page and sign in.
+                          After installing Leather, reload this page and sign in.
                         </div>
                       ) : (
                         <button