Show when a wallet is user managed

stellar · Nov 5, 2024 · 0ae473b · 0ae473b
1 parent 6d38af9
commit 0ae473b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/components/WalletCard/index.tsx b/src/components/WalletCard/index.tsx
@@ -9,6 +9,7 @@ interface WalletCardProps {
   enabled: boolean;
   assets: string[];
   editable: boolean | null;
+  userManaged: boolean | undefined;
   onChange: () => void;
 }
 
@@ -19,6 +20,7 @@ export const WalletCard: React.FC<WalletCardProps> = ({
   enabled,
   assets,
   editable = true,
+  userManaged,
   onChange,
 }: WalletCardProps) => {
   return (
@@ -56,6 +58,14 @@ export const WalletCard: React.FC<WalletCardProps> = ({
             </label>
             <div className="WalletCard__item__value">{assets?.join(", ")}</div>
           </div>
+          <div className="WalletCard--flexCols">
+            <label className="WalletCard__item__label">
+              <Icon.Assets /> User Managed?
+            </label>
+            <div className="WalletCard__item__value">
+              {userManaged ? "Yes" : "No"}
+            </div>
+          </div>
         </div>
       </div>
     </Card>

diff --git a/src/pages/WalletProviders.tsx b/src/pages/WalletProviders.tsx
@@ -75,6 +75,7 @@ export const WalletProviders = () => {
           enabled={item.enabled}
           assets={item.assets?.map((asset) => asset.code)}
           editable={canEditWalletProviders}
+          userManaged={item.user_managed}
           onChange={() => {
             setSelectedWallet({ id: item.id, enabled: item.enabled });
 

diff --git a/src/types/index.ts b/src/types/index.ts
@@ -513,6 +513,7 @@ export type ApiWallet = {
   assets: ApiAsset[];
   created_at: string;
   updated_at: string;
+  user_managed?: boolean;
 };
 
 export type ApiDisbursements = {