Merge pull request #285 from reservoirprotocol/fix/solana-ui-bugs

Fix solana UI bugs
reservoirprotocol · Sep 20, 2024 · 8e0d74b · 8e0d74b
2 parents 42829a4 + e0b311d
commit 8e0d74b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 30 deletions.
diff --git a/.changeset/new-mirrors-change.md b/.changeset/new-mirrors-change.md
@@ -0,0 +1,5 @@
+---
+'@reservoir0x/relay-kit-ui': patch
+---
+
+Patches fixes for Solana + multi wallet dropdown ui
diff --git a/packages/ui/src/components/common/MultiWalletDropdown.tsx b/packages/ui/src/components/common/MultiWalletDropdown.tsx
@@ -139,8 +139,8 @@ export const MultiWalletDropdown: FC<MultiWalletDropdownProps> = ({
       }
       contentProps={{
         sideOffset: 12,
-        alignOffset: -16,
-        align: 'start',
+        alignOffset: -12,
+        align: 'end',
         css: { maxWidth: 248, p: 0 }
       }}
     >

diff --git a/packages/ui/src/components/common/TransactionModal/steps/ReviewQuoteStep.tsx b/packages/ui/src/components/common/TransactionModal/steps/ReviewQuoteStep.tsx
@@ -84,9 +84,6 @@ export const ReviewQuoteStep: FC<ReviewQuoteProps> = ({
     (wallet) => wallet.address === quote?.details?.recipient
   )
 
-  const connectedWalletIsNotRecipient =
-    quote && address !== quote?.details?.recipient && !toWallet
-
   const [timeLeft, setTimeLeft] = useState<number>(SECONDS_TO_UPDATE)
 
   useEffect(() => {
@@ -357,31 +354,6 @@ export const ReviewQuoteStep: FC<ReviewQuoteProps> = ({
                 item.value
               )}
             </Flex>
-            {item.title === 'To address' && connectedWalletIsNotRecipient ? (
-              <Flex
-                align="center"
-                css={{
-                  gap: '2',
-                  p: '2',
-                  borderRadius: 8,
-                  bg: 'amber2',
-                  color: 'amber10'
-                }}
-              >
-                <FontAwesomeIcon
-                  icon={faTriangleExclamation}
-                  width={16}
-                  height={16}
-                />
-                <Text
-                  style="subtitle3"
-                  css={{ color: 'amber12', maxWidth: 300 }}
-                >
-                  This isn't the connected wallet address. Please verify that
-                  the recipient is correct.{' '}
-                </Text>
-              </Flex>
-            ) : null}
           </React.Fragment>
         ))}
       </Flex>