Opt-out confirm alert files

Author: MajorLift

ui/pages/confirmations/confirmation/alerts/TemplateAlertContext.tsx

@@ -1,3 +1,5 @@
+'use no memo';
+
 import React, {
   ReactElement,
   createContext,
@@ -36,7 +38,7 @@ export const TemplateAlertContextProvider: React.FC<{
   const pendingConfirmation =
     pendingConfirmations?.find(
       (confirmation) => confirmation.id === confirmationId,
-    ) ?? pendingConfirmations?.[0];
+    ) ?? pendingConfirmations[0];
 
   const [isAlertsModalVisible, setIsAlertsModalVisible] = useState(false);
   const alertOwnerId = pendingConfirmation?.id;

ui/pages/confirmations/confirmation/alerts/useAlertsActions.tsx

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { ApprovalRequest } from '@metamask/approval-controller';
 import { useCallback } from 'react';
 import { useSelector } from 'react-redux';
@@ -11,17 +13,19 @@ import {
 
 export const useAlertsActions = (
   hideAlertModal: () => void,
-  pendingConfirmation: ApprovalRequest<{ id: string }> | undefined,
+  pendingConfirmation: ApprovalRequest<{ id: string }>,
 ) => {
-  const { origin } = pendingConfirmation ?? {};
   const pendingConfirmationsFromOrigin = useSelector((state) =>
-    getApprovalsByOrigin(state as ApprovalsMetaMaskState, origin as string),
+    getApprovalsByOrigin(
+      state as ApprovalsMetaMaskState,
+      pendingConfirmation?.origin,
+    ),
   );
 
   const { getIndex, navigateToIndex } = useConfirmationNavigation();
 
   const navigateToPendingConfirmation = useCallback(() => {
-    const { id } = pendingConfirmation ?? {};
+    const { id } = pendingConfirmation;
     const pendingConfirmations = pendingConfirmationsFromOrigin?.filter(
       (confirmation) => confirmation.id !== id,
     );

ui/pages/confirmations/confirmation/alerts/useTemplateConfirmationAlerts.ts

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { ApprovalRequest } from '@metamask/approval-controller';
 import { useDispatch } from 'react-redux';
 import { useEffect, useMemo } from 'react';
@@ -10,7 +12,7 @@ import {
 import { useUpdateEthereumChainAlerts } from './useUpdateEthereumChainAlerts';
 
 export const useTemplateConfirmationAlerts = (
-  pendingConfirmation: ApprovalRequest<{ id: string }> | undefined,
+  pendingConfirmation: ApprovalRequest<{ id: string }>,
 ) => {
   const dispatch = useDispatch();
   const addEthereumChainAlerts =

ui/pages/confirmations/confirmation/alerts/useUpdateEthereumChainAlerts.ts

@@ -1,3 +1,5 @@
+'use no memo';
+
 import { ApprovalRequest } from '@metamask/approval-controller';
 import { ApprovalType } from '@metamask/controller-utils';
 import { Json } from '@metamask/utils';
@@ -19,7 +21,7 @@ const VALIDATED_APPROVAL_TYPES = [
 ];
 
 export function useUpdateEthereumChainAlerts(
-  pendingConfirmation: ApprovalRequest<Record<string, Json>> | undefined,
+  pendingConfirmation: ApprovalRequest<Record<string, Json>>,
 ): Alert[] {
   const pendingConfirmationsFromOrigin = useSelector((state) =>
     getApprovalsByOrigin(
@@ -33,7 +35,7 @@ export function useUpdateEthereumChainAlerts(
     if (
       pendingConfirmationsFromOrigin?.length <= 1 ||
       (!VALIDATED_APPROVAL_TYPES.includes(
-        pendingConfirmation?.type as ApprovalType,
+        pendingConfirmation.type as ApprovalType,
       ) &&
         (pendingConfirmation?.requestData?.metadata as Record<string, boolean>)
           ?.isSwitchEthereumChain !== true)
@@ -51,7 +53,7 @@ export function useUpdateEthereumChainAlerts(
         ],
         key: 'pendingConfirmationFromSameOrigin',
         message: t(
-          pendingConfirmation?.type === ApprovalType.AddEthereumChain
+          pendingConfirmation.type === ApprovalType.AddEthereumChain
             ? 'pendingConfirmationAddNetworkAlertMessage'
             : 'pendingConfirmationSwitchNetworkAlertMessage',
           [pendingConfirmationsFromOrigin.length - 1],