diff --git a/.changeset/violet-parrots-join.md b/.changeset/violet-parrots-join.md new file mode 100644 index 00000000..37c74607 --- /dev/null +++ b/.changeset/violet-parrots-join.md @@ -0,0 +1,8 @@ +--- +"abstraxion-dashboard": minor +"abstraxion-settings": minor +"@burnt-labs/abstraxion": minor +"@burnt-labs/ui": minor +--- + +Added mobile UI fixes for dashboard diff --git a/apps/abstraxion-dashboard/components/Abstraxion/index.tsx b/apps/abstraxion-dashboard/components/Abstraxion/index.tsx index fee25da6..3fe4a26d 100644 --- a/apps/abstraxion-dashboard/components/Abstraxion/index.tsx +++ b/apps/abstraxion-dashboard/components/Abstraxion/index.tsx @@ -65,7 +65,7 @@ export const Abstraxion = ({ isOpen, onClose }: ModalProps) => { return ( <> - + {abstraxionError ? ( ) : account?.id && @@ -87,7 +87,7 @@ export const Abstraxion = ({ isOpen, onClose }: ModalProps) => { {/* TOS Footer */} {!isConnected && ( -
+
By continuing, you agree to and acknowledge that you have read and diff --git a/apps/abstraxion-dashboard/components/AbstraxionWallets/index.tsx b/apps/abstraxion-dashboard/components/AbstraxionWallets/index.tsx index 9f8ed01b..0c7342d4 100644 --- a/apps/abstraxion-dashboard/components/AbstraxionWallets/index.tsx +++ b/apps/abstraxion-dashboard/components/AbstraxionWallets/index.tsx @@ -136,10 +136,10 @@ export const AbstraxionWallets = () => { ) : (
-

+

Welcome

-

+

Select an account to continue

@@ -209,7 +209,7 @@ export const AbstraxionWallets = () => { ) : null}
diff --git a/apps/abstraxion-dashboard/components/WalletSend/WalletSendForm.tsx b/apps/abstraxion-dashboard/components/WalletSend/WalletSendForm.tsx index 2011eb03..94a9fa48 100644 --- a/apps/abstraxion-dashboard/components/WalletSend/WalletSendForm.tsx +++ b/apps/abstraxion-dashboard/components/WalletSend/WalletSendForm.tsx @@ -5,6 +5,7 @@ import { XION_TO_USDC_CONVERSION } from "@/components/Overview"; import { ErrorDisplay } from "@/components/ErrorDisplay"; import { useAbstraxionAccount } from "@/hooks"; import { formatBalance, isValidWalletAddress } from "@/utils"; +import { USDCIcon } from "../Icons/USDC"; export function WalletSendForm({ sendTokens, @@ -89,7 +90,7 @@ export function WalletSendForm({ /> ) : isSuccess ? ( <> -
+

SUCCESS!

@@ -115,18 +116,18 @@ export function WalletSendForm({

-

+

From

-

+

{account.id}

-

+

To

-

+

{recipientAddress}

@@ -135,7 +136,7 @@ export function WalletSendForm({ ) : isOnReviewStep ? ( <> -
+

REVIEW

@@ -161,18 +162,18 @@ export function WalletSendForm({

-

+

From

-

+

{account.id}

-

+

To

-

+

{recipientAddress}

@@ -190,26 +191,30 @@ export function WalletSendForm({ ) : ( <> -
+

SEND

-
-
-

XION

-

- {/* TODO: Make configurable once we support multiple currencies */} - Balance: {formatBalance(Number(balanceInfo.total))} XION{" "} - - $ - {formatBalance( - Number(balanceInfo.total) * XION_TO_USDC_CONVERSION, - )}{" "} - USD - -

+
+
+ +
+

XION

+

+ {/* TODO: Make configurable once we support multiple currencies */} + Balance: {formatBalance(Number(balanceInfo.total))} XION{" "} + + $ + {formatBalance( + Number(balanceInfo.total) * XION_TO_USDC_CONVERSION, + )}{" "} + USD + +

+
-
+ +

Amount

=$ @@ -222,10 +227,12 @@ export function WalletSendForm({

- +

{account.id}

diff --git a/apps/abstraxion-dashboard/package.json b/apps/abstraxion-dashboard/package.json index 41ea9a70..6cc11690 100644 --- a/apps/abstraxion-dashboard/package.json +++ b/apps/abstraxion-dashboard/package.json @@ -3,7 +3,7 @@ "version": "0.2.0-alpha.24", "private": true, "scripts": { - "dev": "next dev --port 3002", + "dev": "next dev --port 3000", "build": "next build", "start": "next start", "lint": "next lint", diff --git a/apps/abstraxion-settings/src/components/Abstraxion/index.tsx b/apps/abstraxion-settings/src/components/Abstraxion/index.tsx index b8c79506..882a2cfe 100644 --- a/apps/abstraxion-settings/src/components/Abstraxion/index.tsx +++ b/apps/abstraxion-settings/src/components/Abstraxion/index.tsx @@ -57,8 +57,6 @@ export const Abstraxion = ({ isOpen, onClose }: ModalProps) => { if (!isOpen) return null; - console.log("Abstraxion"); - return ( <> diff --git a/apps/abstraxion-settings/src/components/AbstraxionWallets/index.tsx b/apps/abstraxion-settings/src/components/AbstraxionWallets/index.tsx index 9f37e877..4023881e 100644 --- a/apps/abstraxion-settings/src/components/AbstraxionWallets/index.tsx +++ b/apps/abstraxion-settings/src/components/AbstraxionWallets/index.tsx @@ -245,7 +245,7 @@ export const AbstraxionWallets = () => { ) : (
-

+

Welcome

{errorMessage ? ( @@ -253,7 +253,7 @@ export const AbstraxionWallets = () => { {errorMessage} ) : ( -

+

Select an account to continue

)} @@ -355,7 +355,7 @@ export const AbstraxionWallets = () => { ) : null} : null} + user && + user.webauthn_registrations.length < 1 ? ( + + ) : null} diff --git a/packages/ui/src/dialog.tsx b/packages/ui/src/dialog.tsx index ed713701..0ad51850 100644 --- a/packages/ui/src/dialog.tsx +++ b/packages/ui/src/dialog.tsx @@ -34,7 +34,7 @@ const DialogContent = React.forwardRef<
diff --git a/packages/ui/src/modal.tsx b/packages/ui/src/modal.tsx index 18e0dde6..7d2445ab 100644 --- a/packages/ui/src/modal.tsx +++ b/packages/ui/src/modal.tsx @@ -34,7 +34,7 @@ export function Modal({ return (