moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move Accordion into Component UI

This commit is contained in:
Chewbacca 2022-11-16 12:30:24 -05:00
parent 53feace383
commit a559ed72c9
7 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/soapbox/features/ui/components/accordion.tsx → app/soapbox/components/ui/accordion/accordion.tsx
View File

@ -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();

1
app/soapbox/components/ui/index.ts
View File

@ -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';

3
app/soapbox/features/admin/components/report.tsx
View File

@ -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';

3
app/soapbox/features/crypto-donate/index.tsx
View File

@ -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 from 'soapbox/features/ui/components/accordion';
import { Accordion, Column, Stack } from 'soapbox/components/ui';
import { useAppSelector } from 'soapbox/hooks';
import SiteWallet from './components/site-wallet';

2
app/soapbox/features/federation-restrictions/index.tsx
View File

@ -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';

3
app/soapbox/features/public-timeline/index.tsx
View File

@ -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 from 'soapbox/features/ui/components/accordion';
import { Accordion, Column } from 'soapbox/components/ui';
import { useAppDispatch, useAppSelector, useSettings } from 'soapbox/hooks';
import PinnedHostsPicker from '../remote-timeline/components/pinned-hosts-picker';

3
app/soapbox/features/soapbox-config/index.tsx
View File

@ -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';