fix typos on react-devtools comments (#16681)

Alex Rohleder · Brian Vaughn · commit 206d61f72214 · 2019-09-06T07:47:44.000-07:00
diff --git a/packages/react-devtools-shared/src/backend/console.js b/packages/react-devtools-shared/src/backend/console.js
@@ -47,7 +47,7 @@ export function dangerous_setTargetConsoleForTesting(
 
 // v16 renderers should use this method to inject internals necessary to generate a component stack.
 // These internals will be used if the console is patched.
-// Injecting them separately allows the console to easily be patched or unpacted later (at runtime).
+// Injecting them separately allows the console to easily be patched or un-patched later (at runtime).
 export function registerRenderer(renderer: ReactRenderer): void {
   const {getCurrentFiber, findFiberByHostInstance, version} = renderer;
 
diff --git a/packages/react-devtools-shared/src/backend/describeComponentFrame.js b/packages/react-devtools-shared/src/backend/describeComponentFrame.js
@@ -10,7 +10,7 @@
 // This file was forked from the React GitHub repo:
 // https://raw.githubusercontent.com/facebook/react/master/packages/shared/describeComponentFrame.js
 //
-// It has been modified sligthly to add a zero width space as commented below.
+// It has been modified slightly to add a zero width space as commented below.
 
 const BEFORE_SLASH_RE = /^(.*)[\\/]/;
 
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js
@@ -38,7 +38,7 @@ export default function AutoSizeInput({
     }
   };
 
-  // Copy text stlyes from <input> to hidden sizing <div>
+  // Copy text styles from <input> to hidden sizing <div>
   useLayoutEffect(() => {
     if (
       typeof window.getComputedStyle !== 'function' ||
diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js
@@ -121,7 +121,7 @@ function NativeStyleContextController({children}: Props) {
           } else {
             resource.write(element, styleAndLayout);
 
-            // Schedule update with React if the curently-selected element has been invalidated.
+            // Schedule update with React if the currently-selected element has been invalidated.
             if (id === selectedElementID) {
               setCurrentStyleAndLayout(styleAndLayout);
             }
diff --git a/packages/react-devtools-shared/src/devtools/views/DevTools.js b/packages/react-devtools-shared/src/devtools/views/DevTools.js
@@ -8,7 +8,7 @@
  */
 
 // Reach styles need to come before any component styles.
-// This makes overridding the styles simpler.
+// This makes overriding the styles simpler.
 import '@reach/menu-button/styles.css';
 import '@reach/tooltip/styles.css';
 

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ export default function AutoSizeInput({`
`38`	`38`	`}`
`39`	`39`	`};`
`40`	`40`
`41`		`- // Copy text stlyes from <input> to hidden sizing <div>`
	`41`	`+ // Copy text styles from <input> to hidden sizing <div>`
`42`	`42`	`useLayoutEffect(() => {`
`43`	`43`	`if (`
`44`	`44`	`typeof window.getComputedStyle !== 'function' \|\|`
Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,7 @@ function NativeStyleContextController({children}: Props) {`
`121`	`121`	`} else {`
`122`	`122`	`resource.write(element, styleAndLayout);`
`123`	`123`
`124`		`- // Schedule update with React if the curently-selected element has been invalidated.`
	`124`	`+ // Schedule update with React if the currently-selected element has been invalidated.`
`125`	`125`	`if (id === selectedElementID) {`
`126`	`126`	`setCurrentStyleAndLayout(styleAndLayout);`
`127`	`127`	`}`