Renamed Dropdown component to DropdownBtn

src/utils/DropdownBtn.tsx

@@ -1,22 +1,22 @@
 import { FC } from 'react';
-import { Dropdown as BsDropdown, DropdownMenu, DropdownToggle } from 'reactstrap';
+import { Dropdown, DropdownMenu, DropdownToggle } from 'reactstrap';
 import { useToggle } from './helpers/hooks';
 import './Dropdown.scss';
 
-export interface DropdownProps {
+export interface DropdownBtnProps {
   text: string;
   disabled?: boolean;
   className?: string;
 }
 
-export const Dropdown: FC<DropdownProps> = ({ text, disabled = false, className = '', children }) => {
+export const DropdownBtn: FC<DropdownBtnProps> = ({ text, disabled = false, className = '', children }) => {
   const [ isOpen, toggle ] = useToggle();
   const toggleClasses = `dropdown__btn btn-block ${className}`;
 
   return (
-    <BsDropdown isOpen={isOpen} toggle={toggle} disabled={disabled}>
+    <Dropdown isOpen={isOpen} toggle={toggle} disabled={disabled}>
       <DropdownToggle caret className={toggleClasses} color="primary">{text}</DropdownToggle>
       <DropdownMenu className="w-100">{children}</DropdownMenu>
-    </BsDropdown>
+    </Dropdown>
   );
 };

src/utils/dates/DateRangeSelector.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { DropdownItem } from 'reactstrap';
-import { Dropdown } from '../Dropdown';
+import { DropdownBtn } from '../DropdownBtn';
 import {
   DateInterval,
   DateRange,
@@ -39,7 +39,7 @@ export const DateRangeSelector = (
   };
 
   return (
-    <Dropdown disabled={disabled} text={rangeOrIntervalToString(activeInterval ?? activeDateRange) ?? defaultText}>
+    <DropdownBtn disabled={disabled} text={rangeOrIntervalToString(activeInterval ?? activeDateRange) ?? defaultText}>
       <DropdownItem
         active={activeInterval === undefined && dateRangeIsEmpty(activeDateRange)}
         onClick={updateInterval(undefined)}
@@ -63,6 +63,6 @@ export const DateRangeSelector = (
           onEndDateChange={(endDate) => updateDateRange({ ...activeDateRange, endDate })}
         />
       </DropdownItem>
-    </Dropdown>
+    </DropdownBtn>
   );
 };