rename button

Author: huozhi

packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/copy-error-button.css

@@ -1,17 +1,17 @@
 import type { Meta, StoryObj } from '@storybook/react'
-import { CopyStackTraceButton } from './copy-stack-trace-button'
+import { CopyErrorButton } from './copy-error-button'
 import { withShadowPortal } from '../../../storybook/with-shadow-portal'
 
-const meta: Meta<typeof CopyStackTraceButton> = {
-  component: CopyStackTraceButton,
+const meta: Meta<typeof CopyErrorButton> = {
+  component: CopyErrorButton,
   parameters: {
     layout: 'centered',
   },
   decorators: [withShadowPortal],
 }
 
 export default meta
-type Story = StoryObj<typeof CopyStackTraceButton>
+type Story = StoryObj<typeof CopyErrorButton>
 
 export const WithStackTrace: Story = {
   args: {

packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/copy-stack-trace-button.stories.tsx renamed to packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/copy-error-button.stories.tsx

@@ -1,6 +1,6 @@
 import { CopyButton } from '../../copy-button'
 
-export function CopyStackTraceButton({
+export function CopyErrorButton({
   error,
   generateAIPrompt,
 }: {
@@ -10,7 +10,7 @@ export function CopyStackTraceButton({
   return (
     <CopyButton
       data-nextjs-data-runtime-error-copy-stack
-      className="copy-stack-trace-button"
+      className="copy-error-button"
       actionLabel="Copy AI Debug Prompt"
       successLabel="AI Debug Prompt Copied"
       getContent={generateAIPrompt}

packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/copy-stack-trace-button.tsx renamed to packages/next/src/next-devtools/dev-overlay/components/errors/error-overlay-toolbar/copy-error-button.tsx

@@ -1,6 +1,6 @@
 import type { DebugInfo } from '../../../../shared/types'
 import { NodejsInspectorButton } from './nodejs-inspector-button'
-import { CopyStackTraceButton } from './copy-stack-trace-button'
+import { CopyErrorButton } from './copy-error-button'
 import { DocsLinkButton } from './docs-link-button'
 
 type ErrorOverlayToolbarProps = {
@@ -20,7 +20,7 @@ export function ErrorOverlayToolbar({
     <span className="error-overlay-toolbar">
       {/* TODO: Move the button inside and remove the feedback on the footer of the error overlay.  */}
       {feedbackButton}
-      <CopyStackTraceButton error={error} generateAIPrompt={generateAIPrompt} />
+      <CopyErrorButton error={error} generateAIPrompt={generateAIPrompt} />
       <DocsLinkButton errorMessage={error.message} />
       <NodejsInspectorButton
         devtoolsFrontendUrl={debugInfo?.devtoolsFrontendUrl}
@@ -36,7 +36,7 @@ export const styles = `
   }
 
   .nodejs-inspector-button,
-  .copy-stack-trace-button,
+  .copy-error-button,
   .docs-link-button {
     display: flex;
     justify-content: center;