fix action preview extension names

PeerMeHQ · May 29, 2024 · 150931e · 150931e
1 parent ef3e7b0
commit 150931e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/shared/ui/ActionPreview.tsx b/src/shared/ui/ActionPreview.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import { clsx } from 'clsx'
 import BigNumber from 'bignumber.js'
 import { _AppLogo } from './_AppLogo'
+import { toExtensionName } from '../helpers'
 import { ProposalAction } from '@peerme/core-ts'
 import { ExtensionConfig, ExtensionInfo } from '../types'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
@@ -41,7 +42,7 @@ export const ActionPreview = (props: Props) => {
               className="inline-block w-10 sm:w-12 md:w-14"
               size={50}
             />
-            <span className="inline-block ml-1">{props.extension.Name}</span>
+            <span className="inline-block ml-1">{toExtensionName(props.config, props.extension)}</span>
           </a>
         </h3>
         {!!scInfo?.ActionPreview && (