wip

MetaMask · May 29, 2024 · 3c0c7ab · 3c0c7ab
1 parent dcec95a
commit 3c0c7ab
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 6 deletions.
diff --git a/ui/components/app/confirm/info/row/text.tsx b/ui/components/app/confirm/info/row/text.tsx
@@ -23,7 +23,7 @@ export const ConfirmInfoRowText = ({
   text,
   onEditCallback,
 }: ConfirmInfoRowTextProps) => {
-  const isEditable = !!onEditCallback;
+  const isEditable = Boolean(onEditCallback);
 
   return (
     <Box

diff --git a/ui/pages/confirmations/components/confirm/header/header-info.tsx b/ui/pages/confirmations/components/confirm/header/header-info.tsx
@@ -29,7 +29,6 @@ import {
   AlignItems,
   BackgroundColor,
   BorderRadius,
-  Color,
   Display,
   FlexDirection,
   FontWeight,

diff --git a/ui/pages/confirmations/components/confirm/info/contract-interaction/contract-interaction.tsx b/ui/pages/confirmations/components/confirm/info/contract-interaction/contract-interaction.tsx
@@ -11,9 +11,9 @@ import { SimulationDetails } from '../../../simulation-details';
 import { AdvancedDetails } from '../shared/advanced-details/advanced-details';
 import { TransactionDetails } from '../shared/transaction-details';
 
-interface InfoProps {
+type InfoProps = {
   showAdvancedDetails: boolean;
-}
+};
 
 const ContractInteractionInfo: React.FC<InfoProps> = ({
   showAdvancedDetails,

diff --git a/ui/pages/confirmations/components/confirm/info/info.tsx b/ui/pages/confirmations/components/confirm/info/info.tsx
@@ -8,9 +8,9 @@ import PersonalSignInfo from './personal-sign/personal-sign';
 import TypedSignV1Info from './typed-sign-v1/typed-sign-v1';
 import TypedSignInfo from './typed-sign/typed-sign';
 
-interface InfoProps {
+type InfoProps = {
   showAdvancedDetails: boolean;
-}
+};
 
 const Info: React.FC<InfoProps> = ({
   showAdvancedDetails,

diff --git a/ui/pages/confirmations/confirm/__snapshots__/confirm.test.tsx.snap b/ui/pages/confirmations/confirm/__snapshots__/confirm.test.tsx.snap
@@ -108,6 +108,20 @@ exports[`Confirm matches snapshot for personal signature type 1`] = `
                 </button>
               </div>
             </div>
+            <div
+              class="mm-box mm-box--background-color-transparent mm-box--rounded-md"
+            >
+              <button
+                aria-label="Advanced tx details"
+                class="mm-box mm-button-icon mm-button-icon--size-md mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-icon-default mm-box--background-color-transparent mm-box--rounded-lg"
+                data-testid="header-advanced-details-button"
+              >
+                <span
+                  class="mm-box mm-icon mm-icon--size-md mm-box--display-inline-block mm-box--color-inherit"
+                  style="mask-image: url('./images/icons/customize.svg');"
+                />
+              </button>
+            </div>
           </div>
         </div>
       </div>
@@ -342,6 +356,20 @@ exports[`Confirm should match snapshot for typed sign signature 1`] = `
                 </button>
               </div>
             </div>
+            <div
+              class="mm-box mm-box--background-color-transparent mm-box--rounded-md"
+            >
+              <button
+                aria-label="Advanced tx details"
+                class="mm-box mm-button-icon mm-button-icon--size-md mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-icon-default mm-box--background-color-transparent mm-box--rounded-lg"
+                data-testid="header-advanced-details-button"
+              >
+                <span
+                  class="mm-box mm-icon mm-icon--size-md mm-box--display-inline-block mm-box--color-inherit"
+                  style="mask-image: url('./images/icons/customize.svg');"
+                />
+              </button>
+            </div>
           </div>
         </div>
       </div>