From 8f1b2701d9915c668716688d33ebff530d8296db Mon Sep 17 00:00:00 2001
From: georgewrmarshall <george.marshall@consensys.net>
Date: Tue, 14 Oct 2025 15:17:39 -0700
Subject: [PATCH 1/2] chore: remove unused network display component

---
 .../files-to-convert.json                     |  3 --
 ui/components/app/app-components.scss         |  1 -
 ui/components/app/network-display/index.js    |  1 -
 ui/components/app/network-display/index.scss  |  5 ----
 .../app/network-display/network-display.js    | 28 -------------------
 .../network-display.stories.js                | 10 -------
 6 files changed, 48 deletions(-)
 delete mode 100644 ui/components/app/network-display/index.js
 delete mode 100644 ui/components/app/network-display/index.scss
 delete mode 100644 ui/components/app/network-display/network-display.js
 delete mode 100644 ui/components/app/network-display/network-display.stories.js

diff --git a/development/ts-migration-dashboard/files-to-convert.json b/development/ts-migration-dashboard/files-to-convert.json
index fd5a04fda9d8..b2cc983bac7f 100644
--- a/development/ts-migration-dashboard/files-to-convert.json
+++ b/development/ts-migration-dashboard/files-to-convert.json
@@ -600,9 +600,6 @@
   "ui/components/app/multilayer-fee-message/multi-layer-fee-message.js",
   "ui/components/app/multiple-notifications/index.js",
   "ui/components/app/multiple-notifications/multiple-notifications.component.js",
-  "ui/components/app/network-display/index.js",
-  "ui/components/app/network-display/network-display.js",
-  "ui/components/app/network-display/network-display.stories.js",
   "ui/components/app/permission-page-container/index.js",
   "ui/components/app/permission-page-container/permission-page-container-content/index.js",
   "ui/components/app/permission-page-container/permission-page-container-content/permission-page-container-content.component.js",
diff --git a/ui/components/app/app-components.scss b/ui/components/app/app-components.scss
index 8e29ffdf96ed..950e7314a091 100644
--- a/ui/components/app/app-components.scss
+++ b/ui/components/app/app-components.scss
@@ -37,7 +37,6 @@
 @import 'modal/index';
 @import 'modals/index';
 @import 'multiple-notifications/index';
-@import 'network-display/index';
 @import 'permission-page-container/index';
 @import 'permissions-connect-header/index';
 @import 'permissions-connect-permission-list/index';
diff --git a/ui/components/app/network-display/index.js b/ui/components/app/network-display/index.js
deleted file mode 100644
index bf11d5450177..000000000000
--- a/ui/components/app/network-display/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './network-display';
diff --git a/ui/components/app/network-display/index.scss b/ui/components/app/network-display/index.scss
deleted file mode 100644
index 1c4e3dd568cb..000000000000
--- a/ui/components/app/network-display/index.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-.network-display {
-  &:not([disabled]):active {
-    background-color: transparent;
-  }
-}
diff --git a/ui/components/app/network-display/network-display.js b/ui/components/app/network-display/network-display.js
deleted file mode 100644
index e69ff57b2bed..000000000000
--- a/ui/components/app/network-display/network-display.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-
-import {
-  BorderColor,
-  BackgroundColor,
-} from '../../../helpers/constants/design-system';
-import { getCurrentNetwork } from '../../../selectors';
-import { PickerNetwork, AvatarNetworkSize } from '../../component-library';
-
-export default function NetworkDisplay() {
-  const currentNetwork = useSelector(getCurrentNetwork);
-
-  return (
-    <PickerNetwork
-      className="network-display"
-      label={currentNetwork?.nickname}
-      labelProps={{ 'data-testid': 'network-display' }}
-      src={currentNetwork?.rpcPrefs?.imageUrl}
-      iconProps={{ display: 'none' }} // do not show the dropdown icon
-      avatarNetworkProps={{ size: AvatarNetworkSize.Xs }}
-      as="div" // do not render as a button
-      backgroundColor={BackgroundColor.transparent}
-      borderWidth={0}
-      borderColor={BorderColor.borderMuted}
-    />
-  );
-}
diff --git a/ui/components/app/network-display/network-display.stories.js b/ui/components/app/network-display/network-display.stories.js
deleted file mode 100644
index 2392a107b6e9..000000000000
--- a/ui/components/app/network-display/network-display.stories.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import NetworkDisplay from '.';
-
-export default {
-  title: 'Components/App/NetworkDisplay',
-};
-
-export const DefaultStory = () => <NetworkDisplay />;
-
-DefaultStory.storyName = 'Default';

From 2fcced1c00f01fbbc0a3a5519edaedb47719978b Mon Sep 17 00:00:00 2001
From: georgewrmarshall <george.marshall@consensys.net>
Date: Tue, 14 Oct 2025 16:19:22 -0700
Subject: [PATCH 2/2] chore: remove network display from safe components list

---
 .../app/metamask-template-renderer/safe-component-list.js       | 2 --
 1 file changed, 2 deletions(-)

diff --git a/ui/components/app/metamask-template-renderer/safe-component-list.js b/ui/components/app/metamask-template-renderer/safe-component-list.js
index 8db1d8e3dcc7..4e68680c99b4 100644
--- a/ui/components/app/metamask-template-renderer/safe-component-list.js
+++ b/ui/components/app/metamask-template-renderer/safe-component-list.js
@@ -28,7 +28,6 @@ import {
   ConfirmInfoRowValueDouble,
 } from '../confirm/info/row';
 import MetaMaskTranslation from '../metamask-translation';
-import NetworkDisplay from '../network-display';
 import { Copyable } from '../snaps/copyable';
 import { SnapDelineator } from '../snaps/snap-delineator';
 import { SnapUIAddress } from '../snaps/snap-ui-address';
@@ -88,7 +87,6 @@ export const safeComponentList = {
   HyperliquidReferralConsent,
   i: 'i',
   MetaMaskTranslation,
-  NetworkDisplay,
   OriginPill,
   p: 'p',
   Popover,