Move Accordion into Component UI

app/soapbox/components/ui/accordion/accordion.tsx

@@ -20,6 +20,10 @@ interface IAccordion {
   onToggle?: (value: boolean) => void,
 }
 
+/**
+ * Accordion
+ * An accordion is a vertically stacked group of collapsible sections.
+ */
 const Accordion: React.FC<IAccordion> = ({ headline, children, menu, expanded = false, onToggle = () => {} }) => {
   const intl = useIntl();
 

app/soapbox/components/ui/index.ts

@@ -1,3 +1,4 @@
+export { default as Accordion } from './accordion/accordion';
 export { default as Avatar } from './avatar/avatar';
 export { default as Banner } from './banner/banner';
 export { default as Button } from './button/button';

app/soapbox/features/admin/components/report.tsx

@@ -7,9 +7,8 @@ import { deactivateUserModal, deleteUserModal } from 'soapbox/actions/moderation
 import snackbar from 'soapbox/actions/snackbar';
 import Avatar from 'soapbox/components/avatar';
 import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper';
-import { Button, HStack } from 'soapbox/components/ui';
+import { Accordion, Button, HStack } from 'soapbox/components/ui';
 import DropdownMenu from 'soapbox/containers/dropdown-menu-container';
-import Accordion from 'soapbox/features/ui/components/accordion';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks';
 import { makeGetReport } from 'soapbox/selectors';
 

app/soapbox/features/crypto-donate/index.tsx

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 
-import { Column, Stack } from 'soapbox/components/ui';
+import { Accordion, Column, Stack } from 'soapbox/components/ui';
-import Accordion from 'soapbox/features/ui/components/accordion';
 import { useAppSelector } from 'soapbox/hooks';
 
 import SiteWallet from './components/site-wallet';

app/soapbox/features/federation-restrictions/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
 import ScrollableList from 'soapbox/components/scrollable-list';
-import Accordion from 'soapbox/features/ui/components/accordion';
+import { Accordion } from 'soapbox/components/ui';
 import { useAppSelector } from 'soapbox/hooks';
 import { makeGetHosts } from 'soapbox/selectors';
 import { federationRestrictionsDisclosed } from 'soapbox/utils/state';

app/soapbox/features/public-timeline/index.tsx

@@ -7,8 +7,7 @@ import { connectPublicStream } from 'soapbox/actions/streaming';
 import { expandPublicTimeline } from 'soapbox/actions/timelines';
 import PullToRefresh from 'soapbox/components/pull-to-refresh';
 import SubNavigation from 'soapbox/components/sub-navigation';
-import { Column } from 'soapbox/components/ui';
+import { Accordion, Column } from 'soapbox/components/ui';
-import Accordion from 'soapbox/features/ui/components/accordion';
 import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks';
 
 import PinnedHostsPicker from '../remote-timeline/components/pinned-hosts-picker';

app/soapbox/features/soapbox-config/index.tsx

@@ -7,6 +7,7 @@ import { uploadMedia } from 'soapbox/actions/media';
 import snackbar from 'soapbox/actions/snackbar';
 import List, { ListItem } from 'soapbox/components/list';
 import {
+  Accordion,
   Column,
   CardHeader,
   CardTitle,
@@ -24,8 +25,6 @@ import ThemeSelector from 'soapbox/features/ui/components/theme-selector';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks';
 import { normalizeSoapboxConfig } from 'soapbox/normalizers';
 
-import Accordion from '../ui/components/accordion';
-
 import ColorWithPicker from './components/color-with-picker';
 import CryptoAddressInput from './components/crypto-address-input';
 import FooterLinkInput from './components/footer-link-input';