diff --git a/awx/ui_next/src/components/AddDropDownButton/AddDropDownButton.jsx b/awx/ui_next/src/components/AddDropDownButton/AddDropDownButton.jsx index 3bf1963bce..ca4c4a40b6 100644 --- a/awx/ui_next/src/components/AddDropDownButton/AddDropDownButton.jsx +++ b/awx/ui_next/src/components/AddDropDownButton/AddDropDownButton.jsx @@ -10,10 +10,10 @@ import { } from '@patternfly/react-core'; import { ToolbarAddButton } from '../PaginatedDataList'; import { toTitleCase } from '../../util/strings'; -import { useKebabified } from '../../contexts/Kebabified'; +import { useKebabifiedMenu } from '../../contexts/Kebabified'; function AddDropDownButton({ dropdownItems, i18n }) { - const { isKebabified } = useKebabified(); + const { isKebabified } = useKebabifiedMenu(); const [isOpen, setIsOpen] = useState(false); const element = useRef(null); diff --git a/awx/ui_next/src/components/PaginatedDataList/ToolbarAddButton.jsx b/awx/ui_next/src/components/PaginatedDataList/ToolbarAddButton.jsx index 589a09a64e..4c5c295976 100644 --- a/awx/ui_next/src/components/PaginatedDataList/ToolbarAddButton.jsx +++ b/awx/ui_next/src/components/PaginatedDataList/ToolbarAddButton.jsx @@ -4,10 +4,10 @@ import { Link } from 'react-router-dom'; import { Button, DropdownItem, Tooltip } from '@patternfly/react-core'; import { withI18n } from '@lingui/react'; import { t } from '@lingui/macro'; -import { useKebabified } from '../../contexts/Kebabified'; +import { useKebabifiedMenu } from '../../contexts/Kebabified'; function ToolbarAddButton({ linkTo, onClick, i18n, isDisabled }) { - const { isKebabified } = useKebabified(); + const { isKebabified } = useKebabifiedMenu(); if (!linkTo && !onClick) { throw new Error( diff --git a/awx/ui_next/src/contexts/Kebabified.jsx b/awx/ui_next/src/contexts/Kebabified.jsx index 34007631b0..c50431c73f 100644 --- a/awx/ui_next/src/contexts/Kebabified.jsx +++ b/awx/ui_next/src/contexts/Kebabified.jsx @@ -5,4 +5,4 @@ export const KebabifiedContext = React.createContext({}); export const KebabifiedProvider = KebabifiedContext.Provider; export const Kebabified = KebabifiedContext.Consumer; -export const useKebabified = () => useContext(KebabifiedContext); +export const useKebabifiedMenu = () => useContext(KebabifiedContext);