start renaming to vault

Author: joaquim-verges

apps/dashboard/src/app/team/[team_slug]/[project_slug]/transactions/analytics/tx-table/tx-table-ui.tsx

@@ -28,17 +28,17 @@ import {
 } from "@/components/ui/table";
 import { ToolTipLabel } from "@/components/ui/tooltip";
 import { keepPreviousData, useQuery } from "@tanstack/react-query";
-import { ChainIcon } from "components/icons/ChainIcon";
 import { formatDistanceToNowStrict } from "date-fns";
 import { format } from "date-fns/format";
 import { useAllChainsData } from "hooks/chains/allChains";
 import { ExternalLinkIcon, InfoIcon } from "lucide-react";
 import Link from "next/link";
 import { useState } from "react";
+import { ChainIconClient } from "../../../../../../../components/icons/ChainIcon";
 import type {
   Transaction,
-  TransactionsResponse,
   TransactionStatus,
+  TransactionsResponse,
 } from "./types";
 
 // TODO - add Status selector dropdown here
@@ -290,7 +290,7 @@ function TxChainCell(props: { chainId: string | undefined }) {
 
   return (
     <div className="flex items-center gap-2">
-      <ChainIcon className="size-5" ipfsSrc={chain.icon?.url} />
+      <ChainIconClient className="size-5" ipfsSrc={chain.icon?.url} />
       <div className="max-w-[150px] truncate">
         {chain.name ?? `Chain ID: ${chainId}`}
       </div>

apps/dashboard/src/app/team/[team_slug]/[project_slug]/transactions/layout.tsx

@@ -1,8 +1,9 @@
 import { getProject } from "@/api/projects";
 import { getTeamBySlug } from "@/api/team";
-import { CopyTextButton } from "@/components/ui/CopyTextButton";
 import { TabPathLinks } from "@/components/ui/tabs";
+import Link from "next/link";
 import { redirect } from "next/navigation";
+import { THIRDWEB_ENGINE_CLOUD_URL } from "../../../../../@/constants/env";
 
 export default async function Page(props: {
   params: Promise<{ team_slug: string; project_slug: string }>;
@@ -52,14 +53,13 @@ function TransactionsLayout(props: {
             <h1 className="mb-0.5 font-semibold text-2xl tracking-tight lg:text-3xl">
               Transactions
             </h1>
-            <CopyTextButton
-              textToShow={`https://wallet.thirdweb.com/${props.clientId}`} // TODO: change this
-              textToCopy={`https://wallet.thirdweb.com/${props.clientId}`} // TODO: change this
-              tooltip="Copy Wallet Link" // TODO: change this
-              copyIconPosition="right"
-              variant="ghost"
+            <Link
+              href={`${THIRDWEB_ENGINE_CLOUD_URL}/reference`} // TODO: change this
+              target="_blank"
               className="-translate-x-2 max-w-full truncate py-1 text-muted-foreground"
-            />
+            >
+              {THIRDWEB_ENGINE_CLOUD_URL}
+            </Link>
           </div>
         </div>
 

apps/dashboard/src/app/team/[team_slug]/[project_slug]/transactions/server-wallets/components/create-server-wallet.client.tsx

@@ -375,7 +375,9 @@ export default function CreateServerWallet(props: {
         className="flex flex-row items-center gap-2"
       >
         {isLoading && <Loader2 className="animate-spin" />}
-        Create Server Wallet
+        {props.managementAccessToken
+          ? "Create Server Wallet"
+          : "Create Vault Admin Keys"}
       </Button>
 
       <Dialog open={modalOpen} onOpenChange={handleCloseModal} modal={true}>
@@ -400,13 +402,15 @@ export default function CreateServerWallet(props: {
           ) : initialiseProjectWithVaultMutation.data ? (
             <div>
               <DialogHeader className="p-6">
-                <DialogTitle>Wallet Management Keys</DialogTitle>
+                <DialogTitle>Vault Management Keys</DialogTitle>
               </DialogHeader>
 
               <div className="space-y-6 p-6 pt-0">
                 <div className="space-y-4">
                   <div>
-                    <h3 className="mb-2 font-medium text-sm">Admin Key</h3>
+                    <h3 className="mb-2 font-medium text-sm">
+                      Vault Admin Key
+                    </h3>
                     <div className="flex flex-col gap-2">
                       <CopyTextButton
                         textToCopy={
@@ -444,15 +448,15 @@ export default function CreateServerWallet(props: {
                         tooltip="Copy Rotation Code"
                       />
                       <p className="text-muted-foreground text-xs">
-                        This code is used to rotate your admin key in case you
-                        loose it.
+                        This code is used to revoke and recreate your Vault
+                        admin key if needed. Keep it safe.
                       </p>
                     </div>
                   </div>
 
                   <div>
                     <h3 className="mb-2 font-medium text-sm">
-                      Wallet Access Token
+                      Vault Access Token
                     </h3>
                     <div className="flex flex-col gap-2 ">
                       <CopyTextButton
@@ -466,12 +470,12 @@ export default function CreateServerWallet(props: {
                             .userAccessToken.accessToken,
                         )}
                         copyIconPosition="right"
-                        tooltip="Copy Wallet Access Token"
+                        tooltip="Copy Vault Access Token"
                       />
                       <p className="text-muted-foreground text-xs">
-                        This access token is used to send transactions to the
-                        blockchain from your backend. Can be revoked and
-                        recreated with your admin key.
+                        This access token is used to sign transactions and
+                        messages from your backend. Can be revoked and recreated
+                        with your admin key.
                       </p>
                     </div>
                   </div>

apps/dashboard/src/app/team/[team_slug]/[project_slug]/transactions/server-wallets/components/send-dummy-tx.client.tsx

@@ -152,7 +152,7 @@ export default function SendDummyTx(props: {
                   </div>
                 </div>
                 <p className="text-sm text-warning-text">
-                  This action requries a project secret key and a wallet access
+                  This action requries a project secret key and a Vault access
                   token.
                 </p>
                 <Input
@@ -163,7 +163,7 @@ export default function SendDummyTx(props: {
                 />
                 <Input
                   type="password"
-                  placeholder="Enter your wallet access token"
+                  placeholder="Enter your Vault access token"
                   value={accessToken}
                   onChange={(e) => setAccessToken(e.target.value)}
                 />