eclipse icon

Author: devjiwonchoi

packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel-version-info.tsx

@@ -1,6 +1,6 @@
 import type { OverlayState } from '../../shared'
 
-import { Eclipse } from '../../icons/eclipse'
+import { EclipseIcon } from '../../icons/eclipse'
 import { getStaleness } from '../../../shared/version-staleness'
 import { css } from '../../utils/css'
 
@@ -23,15 +23,15 @@ export function DevToolsPanelVersionInfo({
         href="https://nextjs.org/docs/messages/version-staleness"
         title={title}
       >
-        <Eclipse data-nextjs-version-staleness-indicator={indicatorClass} />
+        <EclipseIcon data-nextjs-version-staleness-indicator={indicatorClass} />
         <span>{text}</span>
       </a>
     )
   }
 
   return (
     <div data-nextjs-devtools-panel-footer-tab title={title}>
-      <Eclipse data-nextjs-version-staleness-indicator={indicatorClass} />
+      <EclipseIcon data-nextjs-version-staleness-indicator={indicatorClass} />
       <span>{text}</span>
     </div>
   )

packages/next/src/next-devtools/dev-overlay/components/version-staleness-info/version-staleness-info.tsx

@@ -1,7 +1,7 @@
 import type { VersionInfo } from '../../../../server/dev/parse-version-info'
 import { getStaleness } from '../../../shared/version-staleness'
 import { cx } from '../../utils/cx'
-import { Eclipse } from '../../icons/eclipse'
+import { EclipseIcon } from '../../icons/eclipse'
 
 export function VersionStalenessInfo({
   versionInfo,
@@ -24,7 +24,7 @@ export function VersionStalenessInfo({
         rel="noopener noreferrer"
         href="https://nextjs.org/docs/messages/version-staleness"
       >
-        <Eclipse
+        <EclipseIcon
           className={cx('version-staleness-indicator', indicatorClass)}
         />
         <span data-nextjs-version-checker title={title}>
@@ -39,7 +39,9 @@ export function VersionStalenessInfo({
 
   return (
     <span className="nextjs-container-build-error-version-status dialog-exclude-closing-from-outside-click">
-      <Eclipse className={cx('version-staleness-indicator', indicatorClass)} />
+      <EclipseIcon
+        className={cx('version-staleness-indicator', indicatorClass)}
+      />
       <span data-nextjs-version-checker title={title}>
         {text}
       </span>

packages/next/src/next-devtools/dev-overlay/icons/eclipse.tsx

@@ -1,4 +1,4 @@
-export function Eclipse(props: React.SVGProps<SVGSVGElement>) {
+export function EclipseIcon(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg
       width="14"