diff --git a/docs/src/prototypes/dropdowns/inputWithDropdown.tsx b/docs/src/prototypes/dropdowns/MentionsWithDropdown.tsx similarity index 92% rename from docs/src/prototypes/dropdowns/inputWithDropdown.tsx rename to docs/src/prototypes/dropdowns/MentionsWithDropdown.tsx index 60ca45e095..c8a7f707f2 100644 --- a/docs/src/prototypes/dropdowns/inputWithDropdown.tsx +++ b/docs/src/prototypes/dropdowns/MentionsWithDropdown.tsx @@ -7,7 +7,7 @@ import { atMentionItems, AtMentionItem } from './dataMocks' import { insertTextAtCursorPosition } from './utils' import { CustomPortal } from './CustomPortal' -interface InputWithDropdownState { +interface MentionsWithDropdownState { dropdownOpen?: boolean searchQuery?: string } @@ -19,8 +19,8 @@ const editorStyle: React.CSSProperties = { outline: 0, } -class InputWithDropdown extends React.Component<{}, InputWithDropdownState> { - private readonly initialState: InputWithDropdownState = { +class MentionsWithDropdown extends React.Component<{}, MentionsWithDropdownState> { + private readonly initialState: MentionsWithDropdownState = { dropdownOpen: false, searchQuery: '', } @@ -100,4 +100,4 @@ class InputWithDropdown extends React.Component<{}, InputWithDropdownState> { private tryFocusEditor = () => _.invoke(this.contendEditableRef.current, 'focus') } -export default InputWithDropdown +export default MentionsWithDropdown diff --git a/docs/src/prototypes/dropdowns/index.tsx b/docs/src/prototypes/dropdowns/index.tsx index 44a72d4ded..46744aa9d0 100644 --- a/docs/src/prototypes/dropdowns/index.tsx +++ b/docs/src/prototypes/dropdowns/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { PrototypeSection, ComponentPrototype } from '../Prototypes' import AsyncDropdownSearch from './AsyncDropdownSearch' -import InputWithDropdown from './InputWithDropdown' +import MentionsWithDropdown from './MentionsWithDropdown' export default () => ( @@ -15,7 +15,7 @@ export default () => ( title="Input with Dropdown" description="Use the '@' key to mention people." > - + )