Use Atom Unicode Symbol instead of Emoji

Because the Emoji looks like shit on OS X.
facebook · Aug 28, 2024 · 61abadf · 61abadf
1 parent f90a6bc
commit 61abadf
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 50 deletions.
diff --git a/packages/react-devtools-extensions/src/main/index.js b/packages/react-devtools-extensions/src/main/index.js
@@ -185,7 +185,7 @@ function createComponentsPanel() {
   }
 
   chrome.devtools.panels.create(
-    __IS_CHROME__ || __IS_EDGE__ ? '⚛️ Components' : 'Components',
+    __IS_CHROME__ || __IS_EDGE__ ? '⚛ Components' : 'Components',
     __IS_EDGE__ ? 'icons/production.svg' : '',
     'panel.html',
     createdPanel => {
@@ -224,7 +224,7 @@ function createProfilerPanel() {
   }
 
   chrome.devtools.panels.create(
-    __IS_CHROME__ || __IS_EDGE__ ? '⚛️ Profiler' : 'Profiler',
+    __IS_CHROME__ || __IS_EDGE__ ? '⚛ Profiler' : 'Profiler',
     __IS_EDGE__ ? 'icons/production.svg' : '',
     'panel.html',
     createdPanel => {

diff --git a/packages/react-devtools-shared/src/backend/fiber/renderer.js b/packages/react-devtools-shared/src/backend/fiber/renderer.js
@@ -1155,7 +1155,7 @@ export function attach(
     // Unfortunately this feature is not expected to work for React Native for now.
     // It would be annoying for us to spam YellowBox warnings with unactionable stuff,
     // so for now just skip this message...
-    //console.warn('⚛️ DevTools: Could not locate saved component filters');
+    //console.warn('⚛ DevTools: Could not locate saved component filters');
 
     // Fallback to assuming the default filters in this case.
     applyComponentFilters(getDefaultComponentFilters());

diff --git a/packages/react-devtools-shared/src/devtools/views/hooks.js b/packages/react-devtools-shared/src/devtools/views/hooks.js
@@ -186,7 +186,7 @@ export function useLocalStorage<T>(
   );
 
   // Listen for changes to this local storage value made from other windows.
-  // This enables the e.g. "⚛️ Elements" tab to update in response to changes from "⚛️ Settings".
+  // This enables the e.g. "⚛ Elements" tab to update in response to changes from "⚛ Settings".
   useLayoutEffect(() => {
     // $FlowFixMe[missing-local-annot]
     const onStorage = event => {

diff --git a/packages/react-reconciler/src/DebugTracing.js b/packages/react-reconciler/src/DebugTracing.js
@@ -66,7 +66,7 @@ export function logCommitStarted(lanes: Lanes): void {
   if (__DEV__) {
     if (enableDebugTracing) {
       group(
-        `%c⚛️%c commit%c (${formatLanes(lanes)})`,
+        `%c⚛%c commit%c (${formatLanes(lanes)})`,
         REACT_LOGO_STYLE,
         '',
         'font-weight: normal;',
@@ -103,7 +103,7 @@ export function logComponentSuspended(
       const id = getWakeableID(wakeable);
       const display = (wakeable: any).displayName || wakeable;
       log(
-        `%c⚛️%c ${componentName} suspended`,
+        `%c⚛%c ${componentName} suspended`,
         REACT_LOGO_STYLE,
         'color: #80366d; font-weight: bold;',
         id,
@@ -112,7 +112,7 @@ export function logComponentSuspended(
       wakeable.then(
         () => {
           log(
-            `%c⚛️%c ${componentName} resolved`,
+            `%c⚛%c ${componentName} resolved`,
             REACT_LOGO_STYLE,
             'color: #80366d; font-weight: bold;',
             id,
@@ -121,7 +121,7 @@ export function logComponentSuspended(
         },
         () => {
           log(
-            `%c⚛️%c ${componentName} rejected`,
+            `%c⚛%c ${componentName} rejected`,
             REACT_LOGO_STYLE,
             'color: #80366d; font-weight: bold;',
             id,
@@ -137,7 +137,7 @@ export function logLayoutEffectsStarted(lanes: Lanes): void {
   if (__DEV__) {
     if (enableDebugTracing) {
       group(
-        `%c⚛️%c layout effects%c (${formatLanes(lanes)})`,
+        `%c⚛%c layout effects%c (${formatLanes(lanes)})`,
         REACT_LOGO_STYLE,
         '',
         'font-weight: normal;',
@@ -158,7 +158,7 @@ export function logPassiveEffectsStarted(lanes: Lanes): void {
   if (__DEV__) {
     if (enableDebugTracing) {
       group(
-        `%c⚛️%c passive effects%c (${formatLanes(lanes)})`,
+        `%c⚛%c passive effects%c (${formatLanes(lanes)})`,
         REACT_LOGO_STYLE,
         '',
         'font-weight: normal;',
@@ -179,7 +179,7 @@ export function logRenderStarted(lanes: Lanes): void {
   if (__DEV__) {
     if (enableDebugTracing) {
       group(
-        `%c⚛️%c render%c (${formatLanes(lanes)})`,
+        `%c⚛%c render%c (${formatLanes(lanes)})`,
         REACT_LOGO_STYLE,
         '',
         'font-weight: normal;',
@@ -203,7 +203,7 @@ export function logForceUpdateScheduled(
   if (__DEV__) {
     if (enableDebugTracing) {
       log(
-        `%c⚛️%c ${componentName} forced update %c(${formatLanes(lane)})`,
+        `%c⚛%c ${componentName} forced update %c(${formatLanes(lane)})`,
         REACT_LOGO_STYLE,
         'color: #db2e1f; font-weight: bold;',
         '',
@@ -220,7 +220,7 @@ export function logStateUpdateScheduled(
   if (__DEV__) {
     if (enableDebugTracing) {
       log(
-        `%c⚛️%c ${componentName} updated state %c(${formatLanes(lane)})`,
+        `%c⚛%c ${componentName} updated state %c(${formatLanes(lane)})`,
         REACT_LOGO_STYLE,
         'color: #01a252; font-weight: bold;',
         '',

diff --git a/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js b/packages/react-reconciler/src/__tests__/DebugTracing-test.internal.js
@@ -103,17 +103,17 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${SYNC_LANE_STRING})`,
-      'log: ⚛️ Example suspended',
-      `groupEnd: ⚛️ render (${SYNC_LANE_STRING})`,
+      `group: ⚛ render (${SYNC_LANE_STRING})`,
+      'log: ⚛ Example suspended',
+      `groupEnd: ⚛ render (${SYNC_LANE_STRING})`,
     ]);
 
     logs.splice(0);
 
     resolveFakeSuspensePromise();
     await waitForAll([]);
 
-    expect(logs).toEqual(['log: ⚛️ Example resolved']);
+    expect(logs).toEqual(['log: ⚛ Example resolved']);
   });
 
   // @gate experimental && build === 'development' && enableDebugTracing && enableCPUSuspense && !disableLegacyMode
@@ -139,19 +139,19 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${SYNC_LANE_STRING})`,
+      `group: ⚛ render (${SYNC_LANE_STRING})`,
       'log: <Wrapper/>',
-      `groupEnd: ⚛️ render (${SYNC_LANE_STRING})`,
+      `groupEnd: ⚛ render (${SYNC_LANE_STRING})`,
     ]);
 
     logs.splice(0);
 
     await waitForPaint([]);
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${RETRY_LANE_STRING})`,
+      `group: ⚛ render (${RETRY_LANE_STRING})`,
       'log: <Example/>',
-      `groupEnd: ⚛️ render (${RETRY_LANE_STRING})`,
+      `groupEnd: ⚛ render (${RETRY_LANE_STRING})`,
     ]);
   });
 
@@ -184,15 +184,15 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      'log: ⚛️ Example suspended',
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ render (${DEFAULT_LANE_STRING})`,
+      'log: ⚛ Example suspended',
+      `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`,
     ]);
 
     logs.splice(0);
 
     await act(async () => await resolveFakeSuspensePromise());
-    expect(logs).toEqual(['log: ⚛️ Example resolved']);
+    expect(logs).toEqual(['log: ⚛ Example resolved']);
   });
 
   // @gate experimental && build === 'development' && enableDebugTracing && enableCPUSuspense
@@ -220,12 +220,12 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ render (${DEFAULT_LANE_STRING})`,
       'log: <Wrapper/>',
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      `group: ⚛️ render (${RETRY_LANE_STRING})`,
+      `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ render (${RETRY_LANE_STRING})`,
       'log: <Example/>',
-      `groupEnd: ⚛️ render (${RETRY_LANE_STRING})`,
+      `groupEnd: ⚛ render (${RETRY_LANE_STRING})`,
     ]);
   });
 
@@ -250,11 +250,11 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ commit (${DEFAULT_LANE_STRING})`,
-      `group: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${SYNC_LANE_STRING})`,
-      `groupEnd: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ commit (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ commit (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ layout effects (${DEFAULT_LANE_STRING})`,
+      `log: ⚛ Example updated state (${SYNC_LANE_STRING})`,
+      `groupEnd: ⚛ layout effects (${DEFAULT_LANE_STRING})`,
+      `groupEnd: ⚛ commit (${DEFAULT_LANE_STRING})`,
     ]);
   });
 
@@ -283,9 +283,9 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ render (${DEFAULT_LANE_STRING})`,
+      `log: ⚛ Example updated state (${DEFAULT_LANE_STRING})`,
+      `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`,
     ]);
   });
 
@@ -308,11 +308,11 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ commit (${DEFAULT_LANE_STRING})`,
-      `group: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${SYNC_LANE_STRING})`,
-      `groupEnd: ⚛️ layout effects (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ commit (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ commit (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ layout effects (${DEFAULT_LANE_STRING})`,
+      `log: ⚛ Example updated state (${SYNC_LANE_STRING})`,
+      `groupEnd: ⚛ layout effects (${DEFAULT_LANE_STRING})`,
+      `groupEnd: ⚛ commit (${DEFAULT_LANE_STRING})`,
     ]);
   });
 
@@ -334,9 +334,9 @@ describe('DebugTracing', () => {
       );
     });
     expect(logs).toEqual([
-      `group: ⚛️ passive effects (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ passive effects (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ passive effects (${DEFAULT_LANE_STRING})`,
+      `log: ⚛ Example updated state (${DEFAULT_LANE_STRING})`,
+      `groupEnd: ⚛ passive effects (${DEFAULT_LANE_STRING})`,
     ]);
   });
 
@@ -359,9 +359,9 @@ describe('DebugTracing', () => {
     });
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
-      `log: ⚛️ Example updated state (${DEFAULT_LANE_STRING})`,
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ render (${DEFAULT_LANE_STRING})`,
+      `log: ⚛ Example updated state (${DEFAULT_LANE_STRING})`,
+      `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`,
     ]);
   });
 
@@ -381,9 +381,9 @@ describe('DebugTracing', () => {
     );
 
     expect(logs).toEqual([
-      `group: ⚛️ render (${DEFAULT_LANE_STRING})`,
+      `group: ⚛ render (${DEFAULT_LANE_STRING})`,
       'log: Hello from user code',
-      `groupEnd: ⚛️ render (${DEFAULT_LANE_STRING})`,
+      `groupEnd: ⚛ render (${DEFAULT_LANE_STRING})`,
     ]);
   });