diff --git a/packages/cli-debugger-ui/src/ui/index.css b/packages/cli-debugger-ui/src/ui/index.css index 750fba446..99a1096ce 100644 --- a/packages/cli-debugger-ui/src/ui/index.css +++ b/packages/cli-debugger-ui/src/ui/index.css @@ -35,3 +35,32 @@ body.dark { input[type='checkbox'] { vertical-align: middle; } + +.warning { + box-sizing: border-box; + max-width: 800px; + padding: 16px; + margin-bottom: 1em; + border-left: 5px solid rgb(230, 167, 0); + border-radius: 6px; + background-color: rgb(255, 248, 230); + box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; + color: rgb(77, 56, 0); + font-size: 16px; + font-weight: 500; + line-height: 1.6; +} + +.warning p { + margin-top: 0; +} + +.warning p:last-child { + margin: 0; +} + +.dark .warning { + background: rgb(77, 56, 0); + border-left-color: rgb(230, 167, 0); + color: rgb(255, 248, 230); +} diff --git a/packages/cli-debugger-ui/src/ui/index.html b/packages/cli-debugger-ui/src/ui/index.html index ef690f70a..991c12b4e 100644 --- a/packages/cli-debugger-ui/src/ui/index.html +++ b/packages/cli-debugger-ui/src/ui/index.html @@ -14,6 +14,27 @@
+
+

+ Remote JavaScript debugging (this workflow) is + deprecated in React Native 0.73 and will be removed + in React Native 0.74. +

+

+ Please use the + Open Debugger workflow to debug apps using Hermes + directly. This can be accessed from the Dev Menu or by pressing + j in the CLI. +

+

+ Learn more about debugging in React Native in the + refreshed docs 📖. +

+