diff --git a/apps/dashboard/src/@/components/in-app-wallet-users-content/AdvancedSearchInput.tsx b/apps/dashboard/src/@/components/in-app-wallet-users-content/AdvancedSearchInput.tsx index f6c35dff1f1..e4ae756e441 100644 --- a/apps/dashboard/src/@/components/in-app-wallet-users-content/AdvancedSearchInput.tsx +++ b/apps/dashboard/src/@/components/in-app-wallet-users-content/AdvancedSearchInput.tsx @@ -1,9 +1,10 @@ "use client"; -import { SearchIcon } from "lucide-react"; +import { SearchIcon, XIcon } from "lucide-react"; import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; +import { Spinner } from "@/components/ui/Spinner/Spinner"; import { Select, SelectContent, @@ -11,7 +12,6 @@ import { SelectTrigger, SelectValue, } from "@/components/ui/select"; - import type { SearchType } from "./types"; export function AdvancedSearchInput(props: { @@ -41,56 +41,57 @@ export function AdvancedSearchInput(props: { }; return ( -
-
- +
+ +
setQuery(e.target.value)} onKeyDown={handleKeyDown} /> + + {props.hasResults && ( +
+ +
+ )}
- - {props.hasResults && ( -
- -
- )}
); } diff --git a/apps/dashboard/src/@/components/in-app-wallet-users-content/in-app-wallet-users-content.tsx b/apps/dashboard/src/@/components/in-app-wallet-users-content/in-app-wallet-users-content.tsx index bec59030051..2795c1b0bd6 100644 --- a/apps/dashboard/src/@/components/in-app-wallet-users-content/in-app-wallet-users-content.tsx +++ b/apps/dashboard/src/@/components/in-app-wallet-users-content/in-app-wallet-users-content.tsx @@ -12,6 +12,7 @@ import { WalletAddress } from "@/components/blocks/wallet-address"; import { Button } from "@/components/ui/button"; import { Spinner } from "@/components/ui/Spinner/Spinner"; import { + ToolTipLabel, Tooltip, TooltipContent, TooltipProvider, @@ -21,6 +22,7 @@ import { useAllEmbeddedWallets, useEmbeddedWallets, } from "@/hooks/useEmbeddedWallets"; +import { CopyTextButton } from "../ui/CopyTextButton"; import { AdvancedSearchInput } from "./AdvancedSearchInput"; import { SearchResults } from "./SearchResults"; import { searchUsers } from "./searchUsers"; @@ -57,7 +59,24 @@ export function InAppWalletUsersPageContent( columnHelper.accessor("linkedAccounts", { cell: (cell) => { const identifier = getUserIdentifier(cell.getValue()); - return {identifier}; + + if (!identifier) { + return "N/A"; + } + + return ( + 30 + ? `${identifier.slice(0, 30)}...` + : identifier + } + textToCopy={identifier} + tooltip="Copy User Identifier" + copyIconPosition="left" + variant="ghost" + /> + ); }, enableColumnFilter: true, header: "User Identifier", @@ -77,7 +96,7 @@ export function InAppWalletUsersPageContent( cell: (cell) => { const externalWallets = getExternalWallets(cell.getValue()); if (externalWallets.length === 0) { - return None; + return None; } return (
@@ -111,9 +130,14 @@ export function InAppWalletUsersPageContent( return; } return ( - - {format(new Date(value), "MMM dd, yyyy")} - + + + {format(new Date(value), "MMM dd, yyyy")} + + ); }, header: "Created", @@ -215,7 +239,7 @@ export function InAppWalletUsersPageContent( return { address: row.wallets[0]?.address || "Uninitialized", created: row.wallets[0]?.createdAt - ? format(new Date(row.wallets[0].createdAt), "MMM dd, yyyy") + ? new Date(row.wallets[0].createdAt).toISOString() : "Wallet not created yet", external_wallets: externalWalletAddresses || "None", login_methods: row.linkedAccounts.map((acc) => acc.type).join(", "), @@ -243,7 +267,7 @@ export function InAppWalletUsersPageContent(
{/* Top section */}
-
+