Capitalization issue in index

Author: joepio

data-browser/src/components/Dropdown/DefaultTrigger.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconButton } from '../IconButton';
+import { IconButton } from '../IconButton/IconButton';
 import { DropdownTriggerRenderFunction } from './DropdownTrigger';
 
 export const buildDefaultTrigger = (

data-browser/src/components/IconButton/Index.tsx renamed to data-browser/src/components/IconButton/IconButton.tsx

@@ -13,7 +13,7 @@ import { constructOpenURL } from '../helpers/navigation';
 import { FaEdit, FaSearch } from 'react-icons/fa';
 import { Row } from './Row';
 import { useQueryScopeHandler } from '../hooks/useQueryScope';
-import { IconButton } from './IconButton';
+import { IconButton } from './IconButton/IconButton';
 
 type ParentProps = {
   resource: Resource;

data-browser/src/components/Parent.tsx

@@ -13,7 +13,7 @@ import {
 import { useFocus } from '../helpers/useFocus';
 import { useQueryScopeHandler } from '../hooks/useQueryScope';
 import { shortcuts } from './HotKeyWrapper';
-import { IconButton, IconButtonVariant } from './IconButton';
+import { IconButton, IconButtonVariant } from './IconButton/IconButton';
 
 export interface SearchbarProps {
   onFocus?: React.FocusEventHandler<HTMLInputElement>;

data-browser/src/components/Searchbar.tsx

@@ -3,7 +3,7 @@ import { Logo } from '../Logo';
 import { SideBarHeader } from './SideBarHeader';
 import React from 'react';
 import { FaGithub, FaDiscord, FaBook } from 'react-icons/fa';
-import { IconButtonLink } from '../IconButton';
+import { IconButtonLink } from '../IconButton/IconButton';
 
 interface AboutItem {
   icon: React.ReactNode;

data-browser/src/components/SideBar/About.tsx

@@ -4,7 +4,7 @@ import { FaEllipsisV, FaPlus } from 'react-icons/fa';
 import styled, { css } from 'styled-components';
 import { useNewRoute } from '../../../helpers/useNewRoute';
 import { buildDefaultTrigger } from '../../Dropdown/DefaultTrigger';
-import { IconButton } from '../../IconButton';
+import { IconButton } from '../../IconButton/IconButton';
 import ResourceContextMenu from '../../ResourceContextMenu';
 
 export interface FloatingActionsProps {

data-browser/src/components/SideBar/ResourceSideBar/FloatingActions.tsx

@@ -19,7 +19,7 @@ import { SideBarHeader } from './SideBarHeader';
 import { shortcuts } from '../HotKeyWrapper';
 import { ErrorLook } from '../ErrorLook';
 import { DriveSwitcher } from './DriveSwitcher';
-import { IconButton } from '../IconButton';
+import { IconButton } from '../IconButton/IconButton';
 import { Row } from '../Row';
 
 interface SideBarDriveProps {

data-browser/src/components/SideBar/SideBarDrive.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { FaAsterisk, FaInfo, FaTrash } from 'react-icons/fa';
 import styled from 'styled-components';
 import { Collapse } from '../Collapse';
-import { IconButton, IconButtonVariant } from '../IconButton';
+import { IconButton, IconButtonVariant } from '../IconButton/IconButton';
 import { Row } from '../Row';
 import {
   ErrMessage,