fix: fixed horizontal alignment of group info and fixed icon on conne…

…ct button modal (#804)
push-protocol · Oct 24, 2023 · 982da0d · 982da0d
1 parent 49d3374
commit 982da0d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx
@@ -119,6 +119,7 @@ export const AddWalletContent = ({
 
   return (
     <Section
+      margin="auto"
       width={isMobile ? '100%' : '410px'}
       flexDirection="column"
       padding={isMobile ? '0px auto' : '0px 10px'}

diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/GroupInfoModal.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/GroupInfoModal.tsx
@@ -488,7 +488,7 @@ const GroupInformation = ({
   };
 
   return (
-    <Section width={isMobile ? '100%' : '410px'} flexDirection="column">
+    <Section margin="auto" width={isMobile ? '100%' : '410px'} flexDirection="column">
       <GroupDescription>
         <Span fontSize="18px" color={theme.textColor?.modalHeadingText}>
           Chat ID
@@ -714,6 +714,7 @@ export const GroupInfoModal = ({
       <Modal clickawayClose={onClose}>
         {!showAddMoreWalletModal && (
           <Section
+            margin='auto'
             width={isMobile ? '100%' : '410px'}
             flexDirection="column"
             padding={isMobile ? '0px auto' : '0px 10px'}

diff --git a/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx b/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx
@@ -7,10 +7,12 @@ import { Web3OnboardProvider } from '@web3-onboard/react';
 import injectedModule, { ProviderLabel } from '@web3-onboard/injected-wallets';
 import walletConnectModule from '@web3-onboard/walletconnect'
 import init from '@web3-onboard/core';
+import PushIcon from "../../../icons/Bell.svg"
 
 const APP_META_DATA = {
   name: 'Push Protocol',
-  icon: 'https://files.slack.com/files-pri/T011WQBLH39-F05QWQA0MSR/pushlogoblocknative.png',
+  logo: PushIcon,
+  icon: PushIcon,
   description: 'Example showcasing how to connect a wallet.',
 
   recommendedInjectedWallets: [

diff --git a/packages/uiweb/src/lib/icons/Bell.svg b/packages/uiweb/src/lib/icons/Bell.svg