From 982da0de8826380ce6c048ce9689c1ecb7c8efbc Mon Sep 17 00:00:00 2001
From: Satyam <100528412+KlausMikhaelson@users.noreply.github.com>
Date: Tue, 24 Oct 2023 04:02:10 -0600
Subject: [PATCH] fix: fixed horizontal alignment of group info and fixed icon
 on connect button modal (#804)

---
 .../src/lib/components/chat/ChatProfile/AddWalletContent.tsx  | 1 +
 .../src/lib/components/chat/ChatProfile/GroupInfoModal.tsx    | 3 ++-
 .../uiweb/src/lib/components/chat/ConnectButton/index.tsx     | 4 +++-
 packages/uiweb/src/lib/icons/Bell.svg                         | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 packages/uiweb/src/lib/icons/Bell.svg

diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/AddWalletContent.tsx
index dd8d4f64d..7eb9f3736 100644
--- 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
index e738232d1..a2893cc1f 100644
--- 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
index b6b603fdf..19d4f96e8 100644
--- 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
new file mode 100644
index 000000000..b31fabf90
--- /dev/null
+++ b/packages/uiweb/src/lib/icons/Bell.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 329.62 452.94"><defs><style>.h{fill:url(#e);}.i{fill:url(#d);}.j{fill:url(#g);}.k{fill:url(#f);}.l{fill:url(#c);}.m{fill:url(#b);}</style><linearGradient id="b" x1="188.38" y1="180.56" x2="147.63" y2="111.29" gradientTransform="translate(0 438.53) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff94a6"/><stop offset=".32" stop-color="#e03dc1"/><stop offset="1" stop-color="#8247e5"/></linearGradient><linearGradient id="c" x1="207.9" y1="181.3" x2="121.94" y2="303.46" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#b"/><linearGradient id="d" x1="277.12" y1="319.97" x2="68.41" y2="181.43" xlink:href="#b"/><linearGradient id="e" x1="275.17" y1="322.92" x2="66.45" y2="184.38" xlink:href="#b"/><linearGradient id="f" x1="238.15" y1="378.69" x2="29.43" y2="240.15" xlink:href="#b"/><linearGradient id="g" x1="227.9" y1="394.13" x2="19.27" y2="255.65" xlink:href="#b"/></defs><path class="m" d="M154.92,334.91c12.77,0,23.73-7.65,28.6-18.61,1.18-2.67-.79-5.67-3.71-5.67h-49.78c-2.92,0-4.9,3-3.71,5.67,4.87,10.96,15.83,18.61,28.6,18.61Z"/><path class="l" d="M231.3,280.49c-8.1,0-14.66-6.56-14.66-14.66v-53.26c0-28.86-19.81-53.09-46.57-59.85-.98-7.61-7.47-13.5-15.35-13.5s-14.42,5.94-15.36,13.59c-24.02,6.23-42.34,26.56-45.64,51.63-.05,.37-.1,.73-.14,1.1-.06,.5-.11,.99-.15,1.49-.04,.5-.08,1-.11,1.5-.03,.42-.06,.83-.08,1.25-.04,.84-.06,1.69-.06,2.55,0,.08,0,.16,0,.24v53.25c0,8.06-6.5,14.6-14.55,14.66-3.84,.03-7.01,2.99-7.01,6.84v.06c0,3.81,3.09,6.9,6.9,6.9H231.28c3.81,0,6.9-3.09,6.9-6.9,.02-3.8-3.07-6.89-6.88-6.89Z"/><g><path class="i" d="M199.15,142.21c17.18,3.68,30.3,18.47,31.92,35.97,.18,1.94,1.87,3.39,3.85,3.2,.94-.09,1.79-.54,2.4-1.26,.6-.73,.89-1.65,.8-2.59-.95-10.22-5.07-19.67-11.92-27.35-6.8-7.61-15.64-12.76-25.57-14.89-.25-.05-.5-.08-.74-.08-1.63,0-3.11,1.14-3.46,2.8-.41,1.91,.81,3.79,2.72,4.2Z"/><path class="h" d="M203.12,119.43c26.73,5.73,47.16,28.75,49.68,55.97,.18,1.94,1.87,3.38,3.85,3.2,.94-.09,1.79-.54,2.4-1.26,.6-.73,.89-1.65,.8-2.59-1.39-15.05-7.47-28.99-17.57-40.29-10.02-11.22-23.05-18.81-37.67-21.95-.25-.05-.5-.08-.74-.08-1.63,0-3.11,1.14-3.46,2.8-.42,1.91,.8,3.79,2.71,4.2Z"/><path class="k" d="M110.68,142.21c1.91-.41,3.13-2.3,2.72-4.21-.36-1.66-1.83-2.8-3.46-2.8-.24,0-.49,.03-.74,.08-9.93,2.13-18.77,7.28-25.57,14.89-6.85,7.67-10.98,17.13-11.92,27.35-.09,.94,.2,1.86,.8,2.59s1.46,1.18,2.4,1.26c1.99,.18,3.67-1.26,3.85-3.2,1.62-17.48,14.75-32.27,31.92-35.96Z"/><path class="j" d="M106.71,119.43c1.91-.41,3.13-2.3,2.72-4.21-.36-1.66-1.83-2.8-3.46-2.8-.25,0-.49,.03-.74,.08-14.63,3.14-27.65,10.73-37.67,21.95-10.1,11.31-16.17,25.24-17.57,40.29-.09,.94,.2,1.86,.8,2.59s1.46,1.18,2.4,1.26c1.98,.18,3.67-1.26,3.85-3.2,2.52-27.21,22.95-50.22,49.67-55.96Z"/></g></svg>
\ No newline at end of file