Show line liff connect button in the header

IX-Swap · Jan 17, 2025 · 2fdf2a9 · 2fdf2a9
1 parent 5eace7b
commit 2fdf2a9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -28,6 +28,7 @@ import AdministrationMenu from './AdministrationMenu'
 import { DEFAULT_CHAIN_ID } from 'config'
 import { CHAINS } from 'components/Web3Provider/constants'
 import { isLineLiff } from 'utils'
+import { LineLiffConnectButton } from 'pages/ConnectWalletModal/LineLiffConnectButton'
 
 export default function Header() {
   const [cookies] = useCookies(['annoucementsSeen'])
@@ -143,16 +144,17 @@ export default function Header() {
                 {account ? <NetworkCard /> : ''}
                 <Web3Status />
 
-                {!account && openConnectModal && !isLineLiff ? (
-                  <PinnedContentButton
-                    style={{ boxShadow: '0px 16px 16px 0px #6666FF21', minWidth: 200 }}
-                    onClick={openConnectModal}
-                  >
-                    <Text className="connect-wallet-button">
-                      <Trans>Connect Wallet</Trans>
-                    </Text>
-                  </PinnedContentButton>
-                ) : null}
+                {/* {!account && openConnectModal && !isLineLiff ? ( */}
+                {/*   <PinnedContentButton */}
+                {/*     style={{ boxShadow: '0px 16px 16px 0px #6666FF21', minWidth: 200 }} */}
+                {/*     onClick={openConnectModal} */}
+                {/*   > */}
+                {/*     <Text className="connect-wallet-button"> */}
+                {/*       <Trans>Connect Wallet</Trans> */}
+                {/*     </Text> */}
+                {/*   </PinnedContentButton> */}
+                {/* ) : null} */}
+                {!account && <LineLiffConnectButton />}
 
                 {openPreviewModal && <BuyModal isOpen onClose={closeModal} />}
               </HeaderElement>

diff --git a/src/pages/ConnectWalletModal/LineLiffModal.tsx b/src/pages/ConnectWalletModal/LineLiffModal.tsx
@@ -70,7 +70,7 @@ export const LineButton = styled.button`
   border: none;
   border-radius: 6px;
   padding: 12px;
-  min-width: 280px;
+  min-width: 200px;
   width: 100%;
   font-weight: 500;
   cursor: pointer;