From 6e3b0352f883c0f5743341e5f01eaa17bd08b2c9 Mon Sep 17 00:00:00 2001
From: Masoud Amjadi <mamjadi@contractor.chanzuckerberg.com>
Date: Wed, 18 Sep 2024 18:06:38 -0400
Subject: [PATCH] refactor(dropdownmenu): fix story names

---
 .../core/DropdownMenu/__storybook__/index.stories.tsx  | 10 +++++-----
 .../{titleElement.tsx => withHeaderComponent.tsx}      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)
 rename packages/components/src/core/DropdownMenu/__storybook__/stories/{titleElement.tsx => withHeaderComponent.tsx} (98%)

diff --git a/packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx b/packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx
index 853a77bef..043d848cc 100644
--- a/packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx
+++ b/packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx
@@ -9,7 +9,7 @@ import {
 import { DropdownMenu } from "./stories/default";
 import { ScreenshotTestDemo } from "./stories/screenshot";
 import { TestDemo } from "./stories/test";
-import { TitleElementDemo } from "./stories/titleElement";
+import { WithHeaderComponentDemo } from "./stories/withHeaderComponent";
 
 export default {
   argTypes: {
@@ -152,7 +152,9 @@ export const Test = {
   render: (args: Args) => <TestDemo data-testid="dropdown-menu" {...args} />,
 };
 
-export const TitleElement = {
+// With a minimal button at the headerComponentSlot
+
+export const WithHeaderComponent = {
   args: {
     keepSearchOnSelect: false,
     multiple: true,
@@ -169,7 +171,5 @@ export const TitleElement = {
       skip: true,
     },
   },
-  render: (args: Args) => (
-    <TitleElementDemo data-testid="dropdown-menu" {...args} />
-  ),
+  render: (args: Args) => <WithHeaderComponentDemo {...args} />,
 };
diff --git a/packages/components/src/core/DropdownMenu/__storybook__/stories/titleElement.tsx b/packages/components/src/core/DropdownMenu/__storybook__/stories/withHeaderComponent.tsx
similarity index 98%
rename from packages/components/src/core/DropdownMenu/__storybook__/stories/titleElement.tsx
rename to packages/components/src/core/DropdownMenu/__storybook__/stories/withHeaderComponent.tsx
index 4b0ca8e4c..bc854a30f 100644
--- a/packages/components/src/core/DropdownMenu/__storybook__/stories/titleElement.tsx
+++ b/packages/components/src/core/DropdownMenu/__storybook__/stories/withHeaderComponent.tsx
@@ -6,7 +6,7 @@ import { DefaultAutocompleteOption } from "src/core/Autocomplete";
 import Button from "src/core/Button";
 import RawDropdownMenu from "src/core/DropdownMenu";
 
-export const TitleElementDemo = <
+export const WithHeaderComponentDemo = <
   T extends DefaultAutocompleteOption,
   Multiple extends boolean | undefined,
   DisableClearable extends boolean | undefined,