matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: Avoid barrel imports

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2024-10-19 14:34:03 +02:00
parent 398fcd043b
commit 525088ca2e
281 changed files with 625 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/pl-fe/src/features/ui/components/action-button.tsx
View File

@ -11,7 +11,8 @@ import {
biteAccount,
} from 'pl-fe/actions/accounts';
import { useFollow } from 'pl-fe/api/hooks';
import { Button, HStack } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import HStack from 'pl-fe/components/ui/hstack';
import { useAppDispatch, useFeatures, useLoggedIn } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';
import toast from 'pl-fe/toast';

2
packages/pl-fe/src/features/ui/components/column-forbidden.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Column } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
const messages = defineMessages({
title: { id: 'column_forbidden.title', defaultMessage: 'Forbidden' },

3
packages/pl-fe/src/features/ui/components/column-loading.tsx
View File

@ -1,6 +1,7 @@
import React from 'react';
import { Card, CardBody, Spinner } from 'pl-fe/components/ui';
import Card, { CardBody } from 'pl-fe/components/ui/card';
import Spinner from 'pl-fe/components/ui/spinner';
const ColumnLoading = () => (
<Card variant='rounded'>

4
packages/pl-fe/src/features/ui/components/compose-button.tsx
View File

@ -4,7 +4,9 @@ import { useLocation, useRouteMatch } from 'react-router-dom';
import { groupComposeModal } from 'pl-fe/actions/compose';
import { useGroup } from 'pl-fe/api/hooks';
import { Avatar, Button, HStack } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import Button from 'pl-fe/components/ui/button';
import HStack from 'pl-fe/components/ui/hstack';
import { useAppDispatch } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';

5
packages/pl-fe/src/features/ui/components/error-column.tsx
View File

@ -1,7 +1,10 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Column, Stack, Text, IconButton } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
import IconButton from 'pl-fe/components/ui/icon-button';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { isNetworkError } from 'pl-fe/utils/errors';
const messages = defineMessages({

4
packages/pl-fe/src/features/ui/components/floating-action-button.tsx
View File

@ -5,7 +5,9 @@ import { useLocation, useRouteMatch } from 'react-router-dom';
import { groupComposeModal } from 'pl-fe/actions/compose';
import { useGroup } from 'pl-fe/api/hooks';
import { Avatar, HStack, Icon } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import { useAppDispatch } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';

2
packages/pl-fe/src/features/ui/components/link-footer.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Text } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import emojify from 'pl-fe/features/emoji';
import { usePlFeConfig } from 'pl-fe/hooks';
import sourceCode from 'pl-fe/utils/code';

3
packages/pl-fe/src/features/ui/components/modal-loading.tsx
View File

@ -1,6 +1,7 @@
import React from 'react';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
const ModalLoading = () => (
<Modal>

2
packages/pl-fe/src/features/ui/components/modals/account-moderation-modal/badge-input.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { useIntl, defineMessages } from 'react-intl';
import { TagInput } from 'pl-fe/components/ui';
import TagInput from 'pl-fe/components/ui/tag-input';
import { badgeToTag, tagToBadge } from 'pl-fe/utils/badges';
const messages = defineMessages({

7
packages/pl-fe/src/features/ui/components/modals/account-moderation-modal/index.tsx
View File

@ -10,7 +10,12 @@ import Account from 'pl-fe/components/account';
import List, { ListItem } from 'pl-fe/components/list';
import MissingIndicator from 'pl-fe/components/missing-indicator';
import OutlineBox from 'pl-fe/components/outline-box';
import { Button, Text, HStack, Modal, Stack, Toggle } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import HStack from 'pl-fe/components/ui/hstack';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Toggle from 'pl-fe/components/ui/toggle';
import { useAppDispatch, useFeatures, useOwnAccount } from 'pl-fe/hooks';
import toast from 'pl-fe/toast';
import { getBadges } from 'pl-fe/utils/badges';

3
packages/pl-fe/src/features/ui/components/modals/birthdays-modal.tsx
View File

@ -2,7 +2,8 @@ import React from 'react';
import { FormattedMessage } from 'react-intl';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import Account from 'pl-fe/features/birthdays/account';
import { useAppSelector } from 'pl-fe/hooks';

4
packages/pl-fe/src/features/ui/components/modals/boost-modal.tsx
View File

@ -2,7 +2,9 @@ import React, { useCallback } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Icon from 'pl-fe/components/icon';
import { Modal, Stack, Text } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import ReplyIndicator from 'pl-fe/features/compose/components/reply-indicator';
import { useAppSelector } from 'pl-fe/hooks';
import { makeGetStatus } from 'pl-fe/selectors';

6
packages/pl-fe/src/features/ui/components/modals/compare-history-modal.tsx
View File

@ -4,7 +4,11 @@ import { FormattedDate, FormattedMessage } from 'react-intl';
import { fetchHistory } from 'pl-fe/actions/history';
import AttachmentThumbs from 'pl-fe/components/attachment-thumbs';
import { ParsedContent } from 'pl-fe/components/parsed-content';
import { HStack, Modal, Spinner, Stack, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
import type { BaseModalProps } from '../modal-root';

2
packages/pl-fe/src/features/ui/components/modals/component-modal.tsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import { Modal } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import type { BaseModalProps } from '../modal-root';

3
packages/pl-fe/src/features/ui/components/modals/compose-event-modal/upload-button.tsx
View File

@ -2,7 +2,8 @@ import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import Icon from 'pl-fe/components/icon';
import { HStack, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
import { useAppSelector } from 'pl-fe/hooks';
interface IUploadButton {

2
packages/pl-fe/src/features/ui/components/modals/compose-modal.tsx
View File

@ -5,7 +5,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { cancelReplyCompose, uploadCompose } from 'pl-fe/actions/compose';
import { saveDraftStatus } from 'pl-fe/actions/draft-statuses';
import { checkComposeContent } from 'pl-fe/components/modal-root';
import { Modal } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import { useAppDispatch, useCompose, useDraggedFiles } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';

5
packages/pl-fe/src/features/ui/components/modals/confirmation-modal.tsx
View File

@ -2,7 +2,10 @@ import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import List, { ListItem } from 'pl-fe/components/list';
import { Modal, Stack, Text, Toggle } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Toggle from 'pl-fe/components/ui/toggle';
import type { BaseModalProps } from '../modal-root';
import type { ButtonThemes } from 'pl-fe/components/ui/button/useButtonStyles';

2
packages/pl-fe/src/features/ui/components/modals/crypto-donate-modal.tsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import { Modal } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import DetailedCryptoAddress from 'pl-fe/features/crypto-donate/components/detailed-crypto-address';
import { BaseModalProps } from '../modal-root';

3
packages/pl-fe/src/features/ui/components/modals/dislikes-modal.tsx
View File

@ -3,7 +3,8 @@ import { FormattedMessage } from 'react-intl';
import { fetchDislikes } from 'pl-fe/actions/interactions';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

9
packages/pl-fe/src/features/ui/components/modals/edit-announcement-modal.tsx
View File

@ -2,7 +2,14 @@ import React, { useState } from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import { useAnnouncements } from 'pl-fe/api/hooks/admin/useAnnouncements';
import { Form, FormGroup, HStack, Modal, Stack, Text, Textarea, Toggle } from 'pl-fe/components/ui';
import Form from 'pl-fe/components/ui/form';
import FormGroup from 'pl-fe/components/ui/form-group';
import HStack from 'pl-fe/components/ui/hstack';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Textarea from 'pl-fe/components/ui/textarea';
import Toggle from 'pl-fe/components/ui/toggle';
import { DatePicker } from 'pl-fe/features/ui/util/async-components';
import toast from 'pl-fe/toast';

3
packages/pl-fe/src/features/ui/components/modals/edit-federation-modal.tsx
View File

@ -3,7 +3,8 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { updateMrf } from 'pl-fe/actions/mrf';
import List, { ListItem } from 'pl-fe/components/list';
import { Modal, Toggle } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Toggle from 'pl-fe/components/ui/toggle';
import { useAppSelector, useAppDispatch } from 'pl-fe/hooks';
import { makeGetRemoteInstance } from 'pl-fe/selectors';
import toast from 'pl-fe/toast';

4
packages/pl-fe/src/features/ui/components/modals/event-map-modal.tsx
View File

@ -2,7 +2,9 @@ import L from 'leaflet';
import React, { useCallback, useEffect, useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import { Button, Modal, Stack } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import { useAppSelector, usePlFeConfig } from 'pl-fe/hooks';
import { makeGetStatus } from 'pl-fe/selectors';

3
packages/pl-fe/src/features/ui/components/modals/event-participants-modal.tsx
View File

@ -3,7 +3,8 @@ import { FormattedMessage } from 'react-intl';
import { fetchEventParticipations } from 'pl-fe/actions/events';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

3
packages/pl-fe/src/features/ui/components/modals/familiar-followers-modal.tsx
View File

@ -3,7 +3,8 @@ import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppSelector } from 'pl-fe/hooks';
import { makeGetAccount } from 'pl-fe/selectors';

3
packages/pl-fe/src/features/ui/components/modals/favourites-modal.tsx
View File

@ -3,7 +3,8 @@ import { FormattedMessage } from 'react-intl';
import { fetchFavourites, expandFavourites } from 'pl-fe/actions/interactions';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

2
packages/pl-fe/src/features/ui/components/modals/hotkeys-modal.tsx
View File

@ -2,7 +2,7 @@ import clsx from 'clsx';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Modal } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import { useFeatures, useLoggedIn } from 'pl-fe/hooks';
import type { BaseModalProps } from '../modal-root';

3
packages/pl-fe/src/features/ui/components/modals/list-adder-modal/index.tsx
View File

@ -2,7 +2,8 @@ import React, { useEffect } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { setupListAdder, resetListAdder } from 'pl-fe/actions/lists';
import { CardHeader, CardTitle, Modal } from 'pl-fe/components/ui';
import { CardHeader, CardTitle } from 'pl-fe/components/ui/card';
import Modal from 'pl-fe/components/ui/modal';
import AccountContainer from 'pl-fe/containers/account-container';
import { getOrderedLists } from 'pl-fe/features/lists';
import NewListForm from 'pl-fe/features/lists/components/new-list-form';

2
packages/pl-fe/src/features/ui/components/modals/list-editor-modal/components/account.tsx
View File

@ -3,7 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { removeFromListEditor, addToListEditor } from 'pl-fe/actions/lists';
import IconButton from 'pl-fe/components/icon-button';
import { HStack } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppSelector, useAppDispatch } from 'pl-fe/hooks';

3
packages/pl-fe/src/features/ui/components/modals/list-editor-modal/index.tsx
View File

@ -2,7 +2,8 @@ import React, { useEffect } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { setupListEditor, resetListEditor } from 'pl-fe/actions/lists';
import { CardHeader, CardTitle, Modal } from 'pl-fe/components/ui';
import { CardHeader, CardTitle } from 'pl-fe/components/ui/card';
import Modal from 'pl-fe/components/ui/modal';
import { useAppSelector, useAppDispatch } from 'pl-fe/hooks';
import Account from './components/account';

3
packages/pl-fe/src/features/ui/components/modals/manage-group-modal/index.tsx
View File

@ -3,7 +3,8 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import * as v from 'valibot';
import { useCreateGroup } from 'pl-fe/api/hooks';
import { Modal, Stack } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import toast from 'pl-fe/toast';
import ConfirmationStep from './steps/confirmation-step';

7
packages/pl-fe/src/features/ui/components/modals/manage-group-modal/steps/confirmation-step.tsx
View File

@ -2,7 +2,12 @@ import React from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import { ParsedContent } from 'pl-fe/components/parsed-content';
import { Avatar, Divider, HStack, Stack, Text, Button } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import Divider from 'pl-fe/components/ui/divider';
import HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Button from 'pl-fe/components/ui/button';
import toast from 'pl-fe/toast';
import copy from 'pl-fe/utils/copy';

3
packages/pl-fe/src/features/ui/components/modals/mentions-modal.tsx
View File

@ -4,7 +4,8 @@ import { FormattedMessage, useIntl } from 'react-intl';
import { fetchStatusWithContext } from 'pl-fe/actions/statuses';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
import { makeGetStatus } from 'pl-fe/selectors';

2
packages/pl-fe/src/features/ui/components/modals/missing-description-modal.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import { Modal } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import type { BaseModalProps } from '../modal-root';

3
packages/pl-fe/src/features/ui/components/modals/reblogs-modal.tsx
View File

@ -4,7 +4,8 @@ import { FormattedMessage, useIntl } from 'react-intl';
import { fetchReblogs, expandReblogs } from 'pl-fe/actions/interactions';
import { fetchStatus } from 'pl-fe/actions/statuses';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Modal, Spinner } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

2
packages/pl-fe/src/features/ui/components/modals/reply-mentions-modal.tsx
View File

@ -1,7 +1,7 @@
import React, { useCallback } from 'react';
import { FormattedMessage } from 'react-intl';
import { Modal } from 'pl-fe/components/ui';
import Modal from 'pl-fe/components/ui/modal';
import Account from 'pl-fe/features/reply-mentions/account';
import { useAppSelector, useCompose, useOwnAccount } from 'pl-fe/hooks';
import { statusToMentionsAccountIdsArray } from 'pl-fe/reducers/compose';

3
packages/pl-fe/src/features/ui/components/modals/report-modal/components/status-check-box.tsx
View File

@ -2,7 +2,8 @@ import noop from 'lodash/noop';
import React, { Suspense } from 'react';
import StatusContent from 'pl-fe/components/status-content';
import { Stack, Toggle } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import Toggle from 'pl-fe/components/ui/toggle';
import { MediaGallery, Video, Audio } from 'pl-fe/features/ui/util/async-components';
import { useAppSelector } from 'pl-fe/hooks';

3
packages/pl-fe/src/features/ui/components/modals/report-modal/steps/confirmation-step.tsx
View File

@ -2,7 +2,8 @@ import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { getPlFeConfig } from 'pl-fe/actions/pl-fe';
import { Stack, Text } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useAppSelector } from 'pl-fe/hooks';
const messages = defineMessages({

7
packages/pl-fe/src/features/ui/components/modals/report-modal/steps/other-actions-step.tsx
View File

@ -2,7 +2,12 @@ import { OrderedSet } from 'immutable';
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { Button, FormGroup, HStack, Stack, Text, Toggle } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import FormGroup from 'pl-fe/components/ui/form-group';
import HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Toggle from 'pl-fe/components/ui/toggle';
import StatusCheckBox from 'pl-fe/features/ui/components/modals/report-modal/components/status-check-box';
import { useAppSelector, useFeatures } from 'pl-fe/hooks';
import { getDomain } from 'pl-fe/utils/accounts';

2
packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import { useIntl, defineMessages } from 'react-intl';
import { pinHost, unpinHost } from 'pl-fe/actions/remote-timeline';
import { Widget } from 'pl-fe/components/ui';
import Widget from 'pl-fe/components/ui/widget';
import { useAppSelector, useAppDispatch, useSettings } from 'pl-fe/hooks';
import { makeGetRemoteInstance } from 'pl-fe/selectors';

2
packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import { Widget } from 'pl-fe/components/ui';
import Widget from 'pl-fe/components/ui/widget';
import InstanceRestrictions from 'pl-fe/features/federation-restrictions/components/instance-restrictions';
import { useAppSelector, useOwnAccount } from 'pl-fe/hooks';
import { makeGetRemoteInstance } from 'pl-fe/selectors';

2
packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { useGroups } from 'pl-fe/api/hooks';
import { Widget } from 'pl-fe/components/ui';
import Widget from 'pl-fe/components/ui/widget';
import GroupListItem from 'pl-fe/features/groups/components/discover/group-list-item';
import PlaceholderGroupSearch from 'pl-fe/features/placeholder/components/placeholder-group-search';

4
packages/pl-fe/src/features/ui/components/panels/new-event-panel.tsx
View File

@ -1,7 +1,9 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Button, Stack, Text } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useModalsStore } from 'pl-fe/stores';
const NewEventPanel = () => {

4
packages/pl-fe/src/features/ui/components/panels/new-group-panel.tsx
View File

@ -1,7 +1,9 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Button, Stack, Text } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useModalsStore } from 'pl-fe/stores';
const NewGroupPanel = () => {

2
packages/pl-fe/src/features/ui/components/panels/pinned-accounts-panel.tsx
View File

@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
import { FormattedMessage } from 'react-intl';
import { fetchPinnedAccounts } from 'pl-fe/actions/accounts';
import { Widget } from 'pl-fe/components/ui';
import Widget from 'pl-fe/components/ui/widget';
import AccountContainer from 'pl-fe/containers/account-container';
import { WhoToFollowPanel } from 'pl-fe/features/ui/util/async-components';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

3
packages/pl-fe/src/features/ui/components/panels/profile-fields-panel.tsx
View File

@ -1,6 +1,7 @@
import React from 'react';
import { Widget, Stack } from 'pl-fe/components/ui';
import Widget from 'pl-fe/components/ui/widget';
import Stack from 'pl-fe/components/ui/stack';
import ProfileField from '../profile-field';

3
packages/pl-fe/src/features/ui/components/panels/promo-panel.tsx
View File

@ -2,7 +2,8 @@ import React from 'react';
import ForkAwesomeIcon from 'pl-fe/components/fork-awesome-icon';
import List, { ListItem } from 'pl-fe/components/list';
import { Widget, HStack } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Widget from 'pl-fe/components/ui/widget';
import { useInstance, useSettings, usePlFeConfig } from 'pl-fe/hooks';
const PromoPanel: React.FC = () => {

4
packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
View File

@ -4,7 +4,9 @@ import { Redirect } from 'react-router-dom';
import { logIn, switchAccount, verifyCredentials } from 'pl-fe/actions/auth';
import { fetchInstance } from 'pl-fe/actions/instance';
import { Button, Stack, Text } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import LoginForm from 'pl-fe/features/auth-login/components/login-form';
import OtpAuthForm from 'pl-fe/features/auth-login/components/otp-auth-form';
import ExternalLoginForm from 'pl-fe/features/external-login/components/external-login-form';

3
packages/pl-fe/src/features/ui/components/panels/trends-panel.tsx
View File

@ -4,7 +4,8 @@ import { Link } from 'react-router-dom';
import { setFilter } from 'pl-fe/actions/search';
import Hashtag from 'pl-fe/components/hashtag';
import { Text, Widget } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import Widget from 'pl-fe/components/ui/widget';
import PlaceholderSidebarTrends from 'pl-fe/features/placeholder/components/placeholder-sidebar-trends';
import { useAppDispatch } from 'pl-fe/hooks';
import useTrends from 'pl-fe/queries/trends';

5
packages/pl-fe/src/features/ui/components/panels/user-panel.tsx
View File

@ -4,7 +4,10 @@ import { Link } from 'react-router-dom';
import { useAccount } from 'pl-fe/api/hooks';
import StillImage from 'pl-fe/components/still-image';
import { Avatar, HStack, Stack, Text } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import VerificationBadge from 'pl-fe/components/verification-badge';
import { useAppSelector, useSettings } from 'pl-fe/hooks';
import { getAcct } from 'pl-fe/utils/accounts';

3
packages/pl-fe/src/features/ui/components/panels/who-to-follow-panel.tsx
View File

@ -2,7 +2,8 @@ import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { Link } from 'react-router-dom';
import { Text, Widget } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import Widget from 'pl-fe/components/ui/widget';
import AccountContainer from 'pl-fe/containers/account-container';
import PlaceholderSidebarSuggestions from 'pl-fe/features/placeholder/components/placeholder-sidebar-suggestions';
import { useFeatures } from 'pl-fe/hooks';

4
packages/pl-fe/src/features/ui/components/pending-status.tsx
View File

@ -4,7 +4,9 @@ import React from 'react';
import Account from 'pl-fe/components/account';
import StatusContent from 'pl-fe/components/status-content';
import StatusReplyMentions from 'pl-fe/components/status-reply-mentions';
import { Card, HStack, Stack } from 'pl-fe/components/ui';
import Card from 'pl-fe/components/ui/card';
import HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack';
import PlaceholderCard from 'pl-fe/features/placeholder/components/placeholder-card';
import PlaceholderMediaGallery from 'pl-fe/features/placeholder/components/placeholder-media-gallery';
import QuotedStatus from 'pl-fe/features/status/containers/quoted-status-container';

2
packages/pl-fe/src/features/ui/components/poll-preview.tsx
View File

@ -2,7 +2,7 @@ import noop from 'lodash/noop';
import React from 'react';
import PollOption from 'pl-fe/components/polls/poll-option';
import { Stack } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import type { Poll } from 'pl-fe/normalizers/poll';

3
packages/pl-fe/src/features/ui/components/profile-familiar-followers.tsx
View File

@ -6,7 +6,8 @@ import { Link } from 'react-router-dom';
import { fetchAccountFamiliarFollowers } from 'pl-fe/actions/familiar-followers';
import AvatarStack from 'pl-fe/components/avatar-stack';
import HoverAccountWrapper from 'pl-fe/components/hover-account-wrapper';
import { HStack, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
import VerificationBadge from 'pl-fe/components/verification-badge';
import { useAppDispatch, useAppSelector, useFeatures } from 'pl-fe/hooks';
import { makeGetAccount } from 'pl-fe/selectors';

3
packages/pl-fe/src/features/ui/components/profile-field.tsx
View File

@ -3,7 +3,8 @@ import React from 'react';
import { defineMessages, useIntl, FormatDateOptions } from 'react-intl';
import Markup from 'pl-fe/components/markup';
import { HStack, Icon } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import { CryptoAddress, LightningAddress } from 'pl-fe/features/ui/util/async-components';
import type { Account } from 'pl-fe/normalizers';

3
packages/pl-fe/src/features/ui/components/profile-stats.tsx
View File

@ -2,7 +2,8 @@ import React from 'react';
import { useIntl, defineMessages } from 'react-intl';
import { NavLink } from 'react-router-dom';
import { HStack, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
import { useSettings } from 'pl-fe/hooks';
import { shortNumberFormat } from 'pl-fe/utils/numbers';

2
packages/pl-fe/src/features/ui/components/subscription-button.tsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { useFollow } from 'pl-fe/api/hooks';
import { IconButton } from 'pl-fe/components/ui';
import IconButton from 'pl-fe/components/ui/icon-button';
import { useFeatures } from 'pl-fe/hooks';
import toast from 'pl-fe/toast';

3
packages/pl-fe/src/features/ui/components/theme-selector.tsx
View File

@ -1,7 +1,8 @@
import React, { useMemo } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Icon, Select } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import Select from 'pl-fe/components/ui/select';
const messages = defineMessages({
light: { id: 'theme_toggle.light', defaultMessage: 'Light' },

2
packages/pl-fe/src/features/ui/components/timeline.tsx
View File

@ -6,7 +6,7 @@ import { defineMessages } from 'react-intl';
import { dequeueTimeline, scrollTopTimeline } from 'pl-fe/actions/timelines';
import ScrollTopButton from 'pl-fe/components/scroll-top-button';
import StatusList, { IStatusList } from 'pl-fe/components/status-list';
import { Portal } from 'pl-fe/components/ui';
import Portal from 'pl-fe/components/ui/portal';
import { useAppSelector, useAppDispatch } from 'pl-fe/hooks';
import { makeGetStatusIds } from 'pl-fe/selectors';

2
packages/pl-fe/src/features/ui/index.tsx
View File

@ -16,7 +16,7 @@ import { fetchHomeTimeline } from 'pl-fe/actions/timelines';
import { useUserStream } from 'pl-fe/api/hooks';
import SidebarNavigation from 'pl-fe/components/sidebar-navigation';
import ThumbNavigation from 'pl-fe/components/thumb-navigation';
import { Layout } from 'pl-fe/components/ui';
import Layout from 'pl-fe/components/ui/layout';
import { useAppDispatch, useAppSelector, useOwnAccount, usePlFeConfig, useFeatures, useDraggedFiles, useInstance, useLoggedIn } from 'pl-fe/hooks';
import AdminLayout from 'pl-fe/layouts/admin-layout';
import ChatsLayout from 'pl-fe/layouts/chats-layout';

2
packages/pl-fe/src/features/ui/util/react-router-helpers.tsx
View File

@ -2,7 +2,7 @@ import React, { Suspense, useEffect, useRef } from 'react';
import { ErrorBoundary, type FallbackProps } from 'react-error-boundary';
import { Redirect, Route, useHistory, RouteProps, RouteComponentProps, match as MatchType, useLocation } from 'react-router-dom';
import { Layout } from 'pl-fe/components/ui';
import Layout from 'pl-fe/components/ui/layout';
import { useOwnAccount, useSettings } from 'pl-fe/hooks';
import ColumnForbidden from '../components/column-forbidden';