From 015e182a333b85d12a26ffb88f11d291dcbebe4d Mon Sep 17 00:00:00 2001
From: koji <koji.kanao@opentrons.com>
Date: Fri, 22 Nov 2024 16:55:20 -0500
Subject: [PATCH] fix(protocol-designer): remove DisabledModal from PD (#16964)

* fix(protocol-designer): remove DisabledModal from PD
---
 protocol-designer/src/ProtocolEditor.tsx                 | 4 ----
 protocol-designer/src/organisms/DisabledScreen/index.tsx | 3 +++
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/protocol-designer/src/ProtocolEditor.tsx b/protocol-designer/src/ProtocolEditor.tsx
index df486e3eee4..7ca14592e86 100644
--- a/protocol-designer/src/ProtocolEditor.tsx
+++ b/protocol-designer/src/ProtocolEditor.tsx
@@ -4,11 +4,8 @@ import { HTML5Backend } from 'react-dnd-html5-backend'
 import { DIRECTION_COLUMN, Flex, OVERFLOW_AUTO } from '@opentrons/components'
 import { PortalRoot as TopPortalRoot } from './components/portals/TopPortal'
 import { ProtocolRoutes } from './ProtocolRoutes'
-import { useScreenSizeCheck } from './resources/useScreenSizeCheck'
-import { DisabledScreen } from './organisms/DisabledScreen'
 
 function ProtocolEditorComponent(): JSX.Element {
-  const isValidSize = useScreenSizeCheck()
   return (
     <div
       id="protocol-editor"
@@ -16,7 +13,6 @@ function ProtocolEditorComponent(): JSX.Element {
     >
       <TopPortalRoot />
       <Flex flexDirection={DIRECTION_COLUMN}>
-        {!isValidSize && <DisabledScreen />}
         <HashRouter>
           <ProtocolRoutes />
         </HashRouter>
diff --git a/protocol-designer/src/organisms/DisabledScreen/index.tsx b/protocol-designer/src/organisms/DisabledScreen/index.tsx
index 779ba446f40..2815609b469 100644
--- a/protocol-designer/src/organisms/DisabledScreen/index.tsx
+++ b/protocol-designer/src/organisms/DisabledScreen/index.tsx
@@ -15,6 +15,9 @@ import {
 } from '@opentrons/components'
 import { getTopPortalEl } from '../../components/portals/TopPortal'
 
+// Note: We decided not to use this component for the release.
+// We will find out a better way to handle responsiveness with user's screen size issue.
+// This component may be used in the future. If not, we will remove it.
 export function DisabledScreen(): JSX.Element {
   const { t } = useTranslation('shared')