fix(protocol-designer): remove DisabledModal from PD (#16964)

* fix(protocol-designer): remove DisabledModal from PD

Author: koji

protocol-designer/src/ProtocolEditor.tsx

@@ -4,19 +4,15 @@ 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"
       style={{ width: '100%', height: '100vh', overflow: OVERFLOW_AUTO }}
     >
       <TopPortalRoot />
       <Flex flexDirection={DIRECTION_COLUMN}>
-        {!isValidSize && <DisabledScreen />}
         <HashRouter>
           <ProtocolRoutes />
         </HashRouter>

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')