bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
Show stats Download patch file Download diff file Expand all files Collapse all files

3
packages/pl-fe/src/actions/moderation.tsx
View file

@ -4,7 +4,8 @@ import { defineMessages, IntlShape } from 'react-intl';
import { fetchAccountByUsername } from 'pl-fe/actions/accounts';
import { deactivateUser, deleteUser, deleteStatus, toggleStatusSensitivity } from 'pl-fe/actions/admin';
import OutlineBox from 'pl-fe/components/outline-box';
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 AccountContainer from 'pl-fe/containers/account-container';
import { selectAccount } from 'pl-fe/selectors';
import { useModalsStore } from 'pl-fe/stores';

2
packages/pl-fe/src/components/account-hover-card.tsx
View file

@ -16,7 +16,7 @@ import { showAccountHoverCard } from './hover-account-wrapper';
import { ParsedContent } from './parsed-content';
import { dateFormatOptions } from './relative-timestamp';
import Scrobble from './scrobble';
import { Card, CardBody, HStack, Icon, Stack, Text } from './ui';
import { Card, CardBody, HStack, Icon, Stack, Text } from 'pl-fe/components/ui';
import type { Account } from 'pl-fe/normalizers';

9
packages/pl-fe/src/components/account.tsx
View file

@ -12,7 +12,14 @@ import { displayFqn } from 'pl-fe/utils/state';
import Badge from './badge';
import { ParsedContent } from './parsed-content';
import RelativeTimestamp from './relative-timestamp';
import { Avatar, Emoji, HStack, Icon, IconButton, Stack, Text } from './ui';
import Avatar from 'pl-fe/components/ui/avatar';
import Emoji from 'pl-fe/components/ui/emoji';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
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 type { Account as AccountSchema } from 'pl-fe/normalizers';
import type { StatusApprovalStatus } from 'pl-fe/normalizers/status';

2
packages/pl-fe/src/components/alt-indicator.tsx
View file

@ -2,7 +2,7 @@ import clsx from 'clsx';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Icon } from './ui';
import Icon from 'pl-fe/components/ui/icon';
interface IAltIndicator extends Pick<React.HTMLAttributes<HTMLSpanElement>, 'title' | 'className'> {
warning?: boolean;

3
packages/pl-fe/src/components/announcements/announcement.tsx
View file

@ -1,7 +1,8 @@
import React from 'react';
import { FormattedDate } from 'react-intl';
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 { useFeatures } from 'pl-fe/hooks';
import { getTextDirection } from 'pl-fe/utils/rtl';

3
packages/pl-fe/src/components/autosuggest-input.tsx
View file

@ -4,7 +4,8 @@ import React, { PureComponent } from 'react';
import AutosuggestEmoji from 'pl-fe/components/autosuggest-emoji';
import Icon from 'pl-fe/components/icon';
import { Input, Portal } from 'pl-fe/components/ui';
import Input from 'pl-fe/components/ui/input';
import Portal from 'pl-fe/components/ui/portal';
import AutosuggestAccount from 'pl-fe/features/compose/components/autosuggest-account';
import { textAtCursorMatchesToken } from 'pl-fe/utils/suggestions';

5
packages/pl-fe/src/components/autosuggest-location.tsx
View file

@ -2,7 +2,10 @@ import React from 'react';
import { useAppSelector } from 'pl-fe/hooks';
import { HStack, Icon, Stack, Text } from './ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
const buildingCommunityIcon = require('@tabler/icons/outline/building-community.svg');
const homeIcon = require('@tabler/icons/outline/home-2.svg');

3
packages/pl-fe/src/components/avatar-stack.tsx
View file

@ -2,7 +2,8 @@ import clsx from 'clsx';
import { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
import React from 'react';
import { Avatar, HStack } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import HStack from 'pl-fe/components/ui/hstack';
import { useAppSelector } from 'pl-fe/hooks';
import { makeGetAccount } from 'pl-fe/selectors';

2
packages/pl-fe/src/components/birthday-panel.tsx
View file

@ -3,7 +3,7 @@ import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import { fetchBirthdayReminders } 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 { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

4
packages/pl-fe/src/components/copyable-input.tsx
View file

@ -1,7 +1,9 @@
import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import { Button, HStack, Input } from './ui';
import Button from 'pl-fe/components/ui/button';
import HStack from 'pl-fe/components/ui/hstack';
import Input from 'pl-fe/components/ui/input';
interface ICopyableInput {
/** Text to be copied. */

2
packages/pl-fe/src/components/domain.tsx
View file

@ -4,7 +4,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { unblockDomain } from 'pl-fe/actions/domain-blocks';
import { useAppDispatch } from 'pl-fe/hooks';
import { HStack, IconButton, Text } from './ui';
import { HStack, IconButton, Text } from 'pl-fe/components/ui';
const messages = defineMessages({
blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },

2
packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
View file

@ -4,7 +4,7 @@ import { useHistory } from 'react-router-dom';
import { userTouching } from 'pl-fe/is-mobile';
import { Counter, Icon, Toggle } from '../ui';
import { Counter, Icon, Toggle } from 'pl-fe/components/ui';
interface MenuItem {
action?: React.EventHandler<React.KeyboardEvent | React.MouseEvent>;

2
packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
View file

@ -7,7 +7,7 @@ import ReactSwipeableViews from 'react-swipeable-views';
import { userTouching } from 'pl-fe/is-mobile';
import { useUiStore, useModalsStore } from 'pl-fe/stores';
import { HStack, IconButton, Portal } from '../ui';
import { HStack, IconButton, Portal } from 'pl-fe/components/ui';
import DropdownMenuItem, { MenuItem } from './dropdown-menu-item';

10
packages/pl-fe/src/components/event-preview.tsx
View file

@ -2,14 +2,16 @@ import clsx from 'clsx';
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Icon from 'pl-fe/components/icon';
import Button from 'pl-fe/components/ui/button';
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 EventActionButton from 'pl-fe/features/event/components/event-action-button';
import EventDate from 'pl-fe/features/event/components/event-date';
import { useAppSelector } from 'pl-fe/hooks';
import Icon from './icon';
import { Button, HStack, Stack, Text } from './ui';
import VerificationBadge from './verification-badge';
import type { Status as StatusEntity } from 'pl-fe/normalizers';
const messages = defineMessages({

4
packages/pl-fe/src/components/group-card.tsx
View file

@ -6,7 +6,9 @@ import GroupPrivacy from 'pl-fe/features/group/components/group-privacy';
import GroupRelationship from 'pl-fe/features/group/components/group-relationship';
import GroupAvatar from './groups/group-avatar';
import { HStack, Stack, Text } from './ui';
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 type { Group as GroupEntity } from 'pl-fe/normalizers';

2
packages/pl-fe/src/components/groups/group-avatar.tsx
View file

@ -2,7 +2,7 @@ import clsx from 'clsx';
import { GroupRoles, type Group } from 'pl-api';
import React from 'react';
import { Avatar } from '../ui';
import Avatar from 'pl-fe/components/ui/avatar';
interface IGroupAvatar {
group: Pick<Group, 'avatar' | 'avatar_description' | 'relationship'>;

4
packages/pl-fe/src/components/hashtag.tsx
View file

@ -5,7 +5,9 @@ import { Sparklines, SparklinesCurve } from 'react-sparklines';
import { shortNumberFormat } from '../utils/numbers';
import { HStack, Stack, Text } from './ui';
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 type { Tag } from 'pl-api';

2
packages/pl-fe/src/components/icon-with-counter.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import Icon, { IIcon } from 'pl-fe/components/icon';
import { Counter } from 'pl-fe/components/ui';
import Counter from 'pl-fe/components/ui/counter';
interface IIconWithCounter extends React.HTMLAttributes<HTMLDivElement> {
count: number;

7
packages/pl-fe/src/components/list.tsx
View file

@ -2,9 +2,10 @@ import clsx from 'clsx';
import React from 'react';
import { Link } from 'react-router-dom';
import { SelectDropdown } from '../features/forms';
import { Icon, HStack, Select } from './ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Select from 'pl-fe/components/ui/select';
import { SelectDropdown } from 'pl-fe/features/forms';
interface IList {
children: React.ReactNode;

2
packages/pl-fe/src/components/load-more.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Button } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
interface ILoadMore {
onClick: React.MouseEventHandler;

2
packages/pl-fe/src/components/loading-screen.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import LandingGradient from 'pl-fe/components/landing-gradient';
import { Spinner } from 'pl-fe/components/ui';
import Spinner from 'pl-fe/components/ui/spinner';
/** Fullscreen loading indicator. */
const LoadingScreen: React.FC = () => (

2
packages/pl-fe/src/components/mention.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { Tooltip } from './ui';
import Tooltip from 'pl-fe/components/ui/tooltip';
import type { Mention as MentionEntity } from 'pl-api';

2
packages/pl-fe/src/components/missing-indicator.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Card, CardBody, Stack, Text } from './ui';
import { Card, CardBody, Stack, Text } from 'pl-fe/components/ui';
interface MissingIndicatorProps {
nested?: boolean;

2
packages/pl-fe/src/components/navlinks.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { Text } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import { useSettings, usePlFeConfig } from 'pl-fe/hooks';
interface INavlinks {

4
packages/pl-fe/src/components/pending-items-row.tsx
View file

@ -3,7 +3,9 @@ import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Link } from 'react-router-dom';
import { HStack, Icon, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
interface IPendingItemsRow {
/** Path to navigate the user when clicked. */

2
packages/pl-fe/src/components/polls/poll-footer.tsx
View file

@ -5,7 +5,7 @@ import { fetchPoll, vote } from 'pl-fe/actions/polls';
import { useAppDispatch } from 'pl-fe/hooks';
import RelativeTimestamp from '../relative-timestamp';
import { Button, HStack, Stack, Text, Tooltip } from '../ui';
import { Button, HStack, Stack, Text, Tooltip } from 'pl-fe/components/ui';
import type { Selected } from './poll';
import type { Poll } from 'pl-fe/normalizers';

4
packages/pl-fe/src/components/polls/poll-option.tsx
View file

@ -3,7 +3,9 @@ import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Motion, presets, spring } from 'react-motion';
import { HStack, Icon, Text } from '../ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
import type { Poll } from 'pl-fe/normalizers';

3
packages/pl-fe/src/components/polls/poll.tsx
View file

@ -5,7 +5,8 @@ import { vote } from 'pl-fe/actions/polls';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';
import { Stack, Text } from '../ui';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import PollFooter from './poll-footer';
import PollOption from './poll-option';

2
packages/pl-fe/src/components/pull-to-refresh.tsx
View file

@ -1,7 +1,7 @@
import React from 'react';
import PTRComponent from 'react-simple-pull-to-refresh';
import { Spinner } from 'pl-fe/components/ui';
import Spinner from 'pl-fe/components/ui/spinner';
interface IPullToRefresh {
onRefresh?: () => Promise<any>;

4
packages/pl-fe/src/components/quoted-status-indicator.tsx
View file

@ -1,6 +1,8 @@
import React, { useCallback } from 'react';
import { HStack, Icon, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
import { useAppSelector } from 'pl-fe/hooks';
import { makeGetStatus } from 'pl-fe/selectors';

2
packages/pl-fe/src/components/quoted-status.tsx
View file

@ -4,7 +4,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { useHistory } from 'react-router-dom';
import StatusMedia from 'pl-fe/components/status-media';
import { Stack } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import AccountContainer from 'pl-fe/containers/account-container';
import EventPreview from './event-preview';

4
packages/pl-fe/src/components/scrobble.tsx
View file

@ -2,7 +2,9 @@ import clsx from 'clsx';
import React, { useMemo, useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import { HStack, Icon, Text } from './ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
import type { Scrobble as ScrobbleEntity } from 'pl-api';

3
packages/pl-fe/src/components/scroll-top-button.tsx
View file

@ -2,7 +2,8 @@ import throttle from 'lodash/throttle';
import React, { useState, useEffect, useCallback } from 'react';
import { useIntl, MessageDescriptor } from 'react-intl';
import { Icon, Text } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
import { useSettings } from 'pl-fe/hooks';
interface IScrollTopButton {

6
packages/pl-fe/src/components/scrollable-list.tsx
View file

@ -3,11 +3,11 @@ import { useVirtualizer, useWindowVirtualizer, type Virtualizer } from '@tanstac
import clsx from 'clsx';
import React, { useEffect, useMemo, useRef } from 'react';
import LoadMore from 'pl-fe/components/load-more';
import Card from 'pl-fe/components/ui/card';
import Spinner from 'pl-fe/components/ui/spinner';
import { useSettings } from 'pl-fe/hooks';
import LoadMore from './load-more';
import { Card, Spinner } from './ui';
interface IScrollableListBase {
/** Pagination callback when the end of the list is reached. */
onLoadMore?: () => void;

7
packages/pl-fe/src/components/sentry-feedback-form.tsx
View file

@ -1,7 +1,12 @@
import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { Textarea, Form, Button, FormGroup, FormActions, Text } from 'pl-fe/components/ui';
import Textarea from 'pl-fe/components/ui/textarea';
import Form from 'pl-fe/components/ui/form';
import Button from 'pl-fe/components/ui/button';
import FormGroup from 'pl-fe/components/ui/form-group';
import FormActions from 'pl-fe/components/ui/form-actions';
import Text from 'pl-fe/components/ui/text';
import { useOwnAccount } from 'pl-fe/hooks';
import { captureSentryFeedback } from 'pl-fe/sentry';

3
packages/pl-fe/src/components/sidebar-navigation-link.tsx
View file

@ -4,7 +4,8 @@ import { NavLink } from 'react-router-dom';
import { useSettings } from 'pl-fe/hooks';
import { Icon, Text } from './ui';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
interface ISidebarNavigationLink {
/** Notification count, if any. */

3
packages/pl-fe/src/components/sidebar-navigation.tsx
View file

@ -1,7 +1,8 @@
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { Icon, Stack } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import Stack from 'pl-fe/components/ui/stack';
import { useStatContext } from 'pl-fe/contexts/stat-context';
import Search from 'pl-fe/features/search/components/search';
import ComposeButton from 'pl-fe/features/ui/components/compose-button';

2
packages/pl-fe/src/components/status-action-bar.tsx
View file

@ -18,7 +18,7 @@ import { useBlockGroupMember, useGroup, useGroupRelationship, useTranslationLang
import { useDeleteGroupStatus } from 'pl-fe/api/hooks/groups/useDeleteGroupStatus';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import StatusActionButton from 'pl-fe/components/status-action-button';
import { HStack } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import EmojiPickerDropdown from 'pl-fe/features/emoji/containers/emoji-picker-dropdown-container';
import { languages } from 'pl-fe/features/preferences';
import { useAppDispatch, useAppSelector, useFeatures, useInstance, useOwnAccount, useSettings } from 'pl-fe/hooks';

4
packages/pl-fe/src/components/status-action-button.tsx
View file

@ -2,7 +2,9 @@ import { useLongPress } from '@uidotdev/usehooks';
import clsx from 'clsx';
import React from 'react';
import { Text, Icon, Emoji } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import Icon from 'pl-fe/components/ui/icon';
import Emoji from 'pl-fe/components/ui/emoji';
import { useSettings } from 'pl-fe/hooks';
import AnimatedNumber from './animated-number';

4
packages/pl-fe/src/components/status-content.tsx
View file

@ -4,7 +4,9 @@ import { FormattedMessage } from 'react-intl';
import { collapseStatusSpoiler, expandStatusSpoiler } from 'pl-fe/actions/statuses';
import Icon from 'pl-fe/components/icon';
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 { useAppDispatch, useSettings } from 'pl-fe/hooks';
import { onlyEmoji as isOnlyEmoji } from 'pl-fe/utils/rich-content';

5
packages/pl-fe/src/components/status-hover-card.tsx
View file

@ -5,13 +5,12 @@ import { useIntl } from 'react-intl';
import { useHistory } from 'react-router-dom';
import { fetchStatus } from 'pl-fe/actions/statuses';
import { showStatusHoverCard } from 'pl-fe/components/hover-status-wrapper';
import Card, { CardBody } from 'pl-fe/components/ui/card';
import StatusContainer from 'pl-fe/containers/status-container';
import { useAppSelector, useAppDispatch } from 'pl-fe/hooks';
import { useStatusHoverCardStore } from 'pl-fe/stores';
import { showStatusHoverCard } from './hover-status-wrapper';
import { Card, CardBody } from './ui';
interface IStatusHoverCard {
visible?: boolean;
}

4
packages/pl-fe/src/components/status-language-picker.tsx
View file

@ -6,7 +6,9 @@ import { type Language, languages } from 'pl-fe/features/preferences';
import { useAppDispatch } from 'pl-fe/hooks';
import DropdownMenu from './dropdown-menu';
import { HStack, Icon, Text } from './ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
import type { Status } from 'pl-fe/normalizers';

3
packages/pl-fe/src/components/status-list.tsx
View file

@ -11,7 +11,8 @@ import PlaceholderStatus from 'pl-fe/features/placeholder/components/placeholder
import PendingStatus from 'pl-fe/features/ui/components/pending-status';
import { usePlFeConfig } from 'pl-fe/hooks';
import { Stack, Text } from './ui';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import type { OrderedSet as ImmutableOrderedSet } from 'immutable';

2
packages/pl-fe/src/components/status-reactions-bar.tsx
View file

@ -10,7 +10,7 @@ import { useAppDispatch, useFeatures, useLoggedIn, useSettings } from 'pl-fe/hoo
import { useModalsStore } from 'pl-fe/stores';
import AnimatedNumber from './animated-number';
import { Emoji, HStack, Icon, Text } from './ui';
import { Emoji, HStack, Icon, Text } from 'pl-fe/components/ui';
import type { EmojiReaction } from 'pl-api';
import type { Emoji as EmojiType } from 'pl-fe/features/emoji';

5
packages/pl-fe/src/components/status.tsx
View file

@ -7,6 +7,10 @@ import { mentionCompose, replyCompose } from 'pl-fe/actions/compose';
import { toggleFavourite, toggleReblog } from 'pl-fe/actions/interactions';
import { toggleStatusMediaHidden, unfilterStatus } from 'pl-fe/actions/statuses';
import TranslateButton from 'pl-fe/components/translate-button';
import Card from 'pl-fe/components/ui/card';
import Icon from 'pl-fe/components/ui/icon';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import AccountContainer from 'pl-fe/containers/account-container';
import StatusTypeIcon from 'pl-fe/features/status/components/status-type-icon';
import QuotedStatus from 'pl-fe/features/status/containers/quoted-status-container';
@ -25,7 +29,6 @@ import StatusReactionsBar from './status-reactions-bar';
import StatusReplyMentions from './status-reply-mentions';
import SensitiveContentOverlay from './statuses/sensitive-content-overlay';
import StatusInfo from './statuses/status-info';
import { Card, Icon, Stack, Text } from './ui';
const messages = defineMessages({
reblogged_by: { id: 'status.reblogged_by', defaultMessage: '{name} reposted' },

4
packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
View file

@ -5,7 +5,9 @@ import { defineMessages, useIntl } from 'react-intl';
import { hideStatusMedia, revealStatusMedia } from 'pl-fe/actions/statuses';
import { useAppDispatch, useSettings } from 'pl-fe/hooks';
import { Button, HStack, Text } from '../ui';
import Button from 'pl-fe/components/ui/button';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
import type { Status } from 'pl-fe/normalizers';

3
packages/pl-fe/src/components/statuses/status-info.tsx
View file

@ -1,6 +1,7 @@
import React from 'react';
import { HStack, Text } from '../ui';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
interface IStatusInfo {
avatarSize: number;

2
packages/pl-fe/src/components/thumb-navigation-link.tsx
View file

@ -3,7 +3,7 @@ import React from 'react';
import { NavLink, useLocation } from 'react-router-dom';
import IconWithCounter from 'pl-fe/components/icon-with-counter';
import { Icon } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import { useSettings } from 'pl-fe/hooks';
interface IThumbNavigationLink {

2
packages/pl-fe/src/components/thumb-navigation.tsx
View file

@ -10,7 +10,7 @@ import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount } from 'pl-f
import { useModalsStore, useUiStore } from 'pl-fe/stores';
import { isStandalone } from 'pl-fe/utils/state';
import { Icon } from './ui';
import Icon from 'pl-fe/components/ui/icon';
const messages = defineMessages({
home: { id: 'navigation.home', defaultMessage: 'Home' },

2
packages/pl-fe/src/components/tombstone.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 { HotKeys } from 'pl-fe/features/ui/components/hotkeys';
interface ITombstone {

5
packages/pl-fe/src/components/translate-button.tsx
View file

@ -5,7 +5,10 @@ import { translateStatus, undoStatusTranslation } from 'pl-fe/actions/statuses';
import { useTranslationLanguages } from 'pl-fe/api/hooks';
import { useAppDispatch, useAppSelector, useFeatures, useInstance, useSettings } from 'pl-fe/hooks';
import { HStack, Icon, Stack, Text } from './ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import type { Status } from 'pl-fe/normalizers';

5
packages/pl-fe/src/components/trending-link.tsx
View file

@ -5,7 +5,10 @@ import { getTextDirection } from 'pl-fe/utils/rtl';
import Blurhash from './blurhash';
import { accountsCountRenderer } from './hashtag';
import { HStack, Icon, Stack, Text } from './ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
interface ITrendingLink {
trendingLink: TrendsLink;

9
packages/pl-fe/src/components/ui/card.tsx
View file

@ -108,4 +108,11 @@ const CardBody: React.FC<ICardBody> = ({ className, children }): JSX.Element =>
<div data-testid='card-body' className={className}>{children}</div>
);
export { type CardSizes, Card, CardHeader, CardTitle, CardBody };
export {
type CardSizes,
Card as default,
Card,
CardHeader,
CardTitle,
CardBody,
};

1
packages/pl-fe/src/components/ui/column.tsx
View file

@ -121,6 +121,7 @@ const Column = React.forwardRef<HTMLDivElement, IColumn>((props, ref): JSX.Eleme
export {
type IColumn,
Column as default,
Column,
ColumnHeader,
};

1
packages/pl-fe/src/components/ui/combobox.tsx
View file

@ -1,6 +1,7 @@
import './combobox.css';
export {
Combobox as default,
Combobox,
ComboboxInput,
ComboboxPopover,

2
packages/pl-fe/src/components/ui/index.ts
View file

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

2
packages/pl-fe/src/components/verification-badge.tsx
View file

@ -2,7 +2,7 @@ import clsx from 'clsx';
import React from 'react';
import { useIntl, defineMessages } from 'react-intl';
import { Icon } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import { usePlFeConfig } from 'pl-fe/hooks';
const messages = defineMessages({

2
packages/pl-fe/src/features/about/index.tsx
View file

@ -4,7 +4,7 @@ import { useParams } from 'react-router-dom';
import { fetchAboutPage } from 'pl-fe/actions/about';
import { Navlinks } from 'pl-fe/components/navlinks';
import { Card } from 'pl-fe/components/ui';
import Card from 'pl-fe/components/ui/card';
import { usePlFeConfig, useSettings, useAppDispatch } from 'pl-fe/hooks';
import { languages } from '../preferences';

3
packages/pl-fe/src/features/account-gallery/index.tsx
View file

@ -7,7 +7,8 @@ import { fetchAccountTimeline } from 'pl-fe/actions/timelines';
import { useAccountLookup } from 'pl-fe/api/hooks';
import LoadMore from 'pl-fe/components/load-more';
import MissingIndicator from 'pl-fe/components/missing-indicator';
import { Column, Spinner } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
import Spinner from 'pl-fe/components/ui/spinner';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
import { type AccountGalleryAttachment, getAccountGallery } from 'pl-fe/selectors';
import { useModalsStore } from 'pl-fe/stores';

3
packages/pl-fe/src/features/account-timeline/components/moved-note.tsx
View file

@ -3,7 +3,8 @@ import { FormattedMessage } from 'react-intl';
import Account from 'pl-fe/components/account';
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 type { Account as AccountEntity } from 'pl-fe/normalizers';

4
packages/pl-fe/src/features/account/components/header.tsx
View file

@ -15,7 +15,9 @@ import { useFollow } from 'pl-fe/api/hooks';
import Badge from 'pl-fe/components/badge';
import DropdownMenu, { Menu } from 'pl-fe/components/dropdown-menu';
import StillImage from 'pl-fe/components/still-image';
import { Avatar, HStack, IconButton } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import HStack from 'pl-fe/components/ui/hstack';
import IconButton from 'pl-fe/components/ui/icon-button';
import VerificationBadge from 'pl-fe/components/verification-badge';
import MovedNote from 'pl-fe/features/account-timeline/components/moved-note';
import ActionButton from 'pl-fe/features/ui/components/action-button';

2
packages/pl-fe/src/features/admin/components/admin-tabs.tsx
View file

@ -2,7 +2,7 @@ import React from 'react';
import { useIntl, defineMessages } from 'react-intl';
import { useRouteMatch } from 'react-router-dom';
import { Tabs } from 'pl-fe/components/ui';
import Tabs from 'pl-fe/components/ui/tabs';
import { useAppSelector } from 'pl-fe/hooks';
const messages = defineMessages({

2
packages/pl-fe/src/features/admin/components/dashcounter.tsx
View file

@ -2,7 +2,7 @@ import React from 'react';
import { FormattedNumber } from 'react-intl';
import { Link } from 'react-router-dom';
import { Text } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import { isNumber } from 'pl-fe/utils/numbers';
interface IDashCounter {

2
packages/pl-fe/src/features/admin/components/latest-accounts-panel.tsx
View file

@ -4,7 +4,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { useHistory } from 'react-router-dom';
import { fetchUsers } from 'pl-fe/actions/admin';
import { Widget } from 'pl-fe/components/ui';
import Widget from 'pl-fe/components/ui/widget';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';

3
packages/pl-fe/src/features/admin/components/report-status.tsx
View file

@ -5,7 +5,8 @@ import { deleteStatusModal } from 'pl-fe/actions/moderation';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import StatusContent from 'pl-fe/components/status-content';
import StatusMedia from 'pl-fe/components/status-media';
import { HStack, Stack } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack';
import { useAppDispatch } from 'pl-fe/hooks';
import type { SelectedStatus } from 'pl-fe/selectors';

7
packages/pl-fe/src/features/admin/components/report.tsx
View file

@ -6,7 +6,12 @@ import { closeReport } from 'pl-fe/actions/admin';
import { deactivateUserModal, deleteUserModal } from 'pl-fe/actions/moderation';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import HoverAccountWrapper from 'pl-fe/components/hover-account-wrapper';
import { Accordion, Avatar, Button, Stack, HStack, Text } from 'pl-fe/components/ui';
import Accordion from 'pl-fe/components/ui/accordion';
import Avatar from 'pl-fe/components/ui/avatar';
import Button from 'pl-fe/components/ui/button';
import Stack from 'pl-fe/components/ui/stack';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
import { makeGetReport } from 'pl-fe/selectors';
import toast from 'pl-fe/toast';

4
packages/pl-fe/src/features/admin/components/unapproved-account.tsx
View file

@ -3,7 +3,9 @@ import React from 'react';
import { approveUser, deleteUser } from 'pl-fe/actions/admin';
import { useAccount } from 'pl-fe/api/hooks';
import { AuthorizeRejectButtons } from 'pl-fe/components/authorize-reject-buttons';
import { Stack, HStack, Text } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import HStack from 'pl-fe/components/ui/hstack';
import Text from 'pl-fe/components/ui/text';
import { useAppSelector, useAppDispatch } from 'pl-fe/hooks';
interface IUnapprovedAccount {

2
packages/pl-fe/src/features/admin/index.tsx
View file

@ -2,7 +2,7 @@ import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Switch, Route } from 'react-router-dom';
import { Column } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
import { useOwnAccount } from 'pl-fe/hooks';
import AdminTabs from './components/admin-tabs';

2
packages/pl-fe/src/features/aliases/components/account.tsx
View file

@ -5,7 +5,7 @@ import { addToAliases } from 'pl-fe/actions/aliases';
import { useAccount } from 'pl-fe/api/hooks';
import AccountComponent from 'pl-fe/components/account';
import IconButton from 'pl-fe/components/icon-button';
import { HStack } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import { useAppDispatch, useAppSelector, useFeatures } from 'pl-fe/hooks';
const messages = defineMessages({

2
packages/pl-fe/src/features/aliases/components/search.tsx
View file

@ -4,7 +4,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { fetchAliasesSuggestions, clearAliasesSuggestions, changeAliasesSuggestions } from 'pl-fe/actions/aliases';
import Icon from 'pl-fe/components/icon';
import { Button } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
const messages = defineMessages({

4
packages/pl-fe/src/features/auth-login/components/captcha.tsx
View file

@ -3,7 +3,9 @@ import React, { useState, useEffect } from 'react';
import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
import { fetchCaptcha } from 'pl-fe/actions/auth';
import { Stack, Text, Input } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import Input from 'pl-fe/components/ui/input';
import { useAppDispatch } from 'pl-fe/hooks';
const noOp = () => {};

4
packages/pl-fe/src/features/auth-login/components/login-page.tsx
View file

@ -5,7 +5,9 @@ import { Redirect } from 'react-router-dom';
import { logIn, verifyCredentials, switchAccount } from 'pl-fe/actions/auth';
import { fetchInstance } from 'pl-fe/actions/instance';
import { BigCard } from 'pl-fe/components/big-card';
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 { useAppDispatch, useAppSelector } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';
import { getRedirectUrl } from 'pl-fe/utils/redirect';

2
packages/pl-fe/src/features/auth-login/components/logout.tsx
View file

@ -3,7 +3,7 @@ import { useDispatch } from 'react-redux';
import { Redirect } from 'react-router-dom';
import { logOut } from 'pl-fe/actions/auth';
import { Spinner } from 'pl-fe/components/ui';
import Spinner from 'pl-fe/components/ui/spinner';
/** Component that logs the user out when rendered */
const Logout: React.FC = () => {

9
packages/pl-fe/src/features/auth-login/components/registration-form.tsx
View file

@ -7,7 +7,14 @@ import { Link, useHistory } from 'react-router-dom';
import { accountLookup } from 'pl-fe/actions/accounts';
import { register, verifyCredentials } from 'pl-fe/actions/auth';
import BirthdayInput from 'pl-fe/components/birthday-input';
import { Checkbox, Form, FormGroup, FormActions, Button, Input, Textarea, Select } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import Checkbox from 'pl-fe/components/ui/checkbox';
import Form from 'pl-fe/components/ui/form';
import FormActions from 'pl-fe/components/ui/form-actions';
import FormGroup from 'pl-fe/components/ui/form-group';
import Input from 'pl-fe/components/ui/input';
import Select from 'pl-fe/components/ui/select';
import Textarea from 'pl-fe/components/ui/textarea';
import CaptchaField from 'pl-fe/features/auth-login/components/captcha';
import { useAppDispatch, useSettings, useFeatures, useInstance } from 'pl-fe/hooks';
import { useModalsStore } from 'pl-fe/stores';

2
packages/pl-fe/src/features/auth-login/components/registration-page.tsx
View file

@ -2,7 +2,7 @@ import React from 'react';
import { FormattedMessage } from 'react-intl';
import { BigCard } from 'pl-fe/components/big-card';
import { Text } from 'pl-fe/components/ui';
import Text from 'pl-fe/components/ui/text';
import { useInstance, useRegistrationStatus } from 'pl-fe/hooks';
import RegistrationForm from './registration-form';

2
packages/pl-fe/src/features/birthdays/account.tsx
View file

@ -4,7 +4,7 @@ import { defineMessages, useIntl } from 'react-intl';
import { useAccount } from 'pl-fe/api/hooks';
import AccountComponent from 'pl-fe/components/account';
import Icon from 'pl-fe/components/icon';
import { HStack } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
const messages = defineMessages({
birthday: { id: 'account.birthday', defaultMessage: 'Born {date}' },

3
packages/pl-fe/src/features/blocks/index.tsx
View file

@ -4,7 +4,8 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { useBlocks } from 'pl-fe/api/hooks';
import Account from 'pl-fe/components/account';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Column, Spinner } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
import Spinner from 'pl-fe/components/ui/spinner';
const messages = defineMessages({
heading: { id: 'column.blocks', defaultMessage: 'Blocks' },

2
packages/pl-fe/src/features/bookmarks/index.tsx
View file

@ -9,7 +9,7 @@ import { useBookmarkFolder, useDeleteBookmarkFolder } from 'pl-fe/api/hooks';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import StatusList from 'pl-fe/components/status-list';
import { Column } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
import { useAppSelector, useAppDispatch, useTheme } from 'pl-fe/hooks';
import { useIsMobile } from 'pl-fe/hooks/useIsMobile';
import { useModalsStore } from 'pl-fe/stores';

2
packages/pl-fe/src/features/bubble-timeline/index.tsx
View file

@ -3,7 +3,7 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { fetchBubbleTimeline } from 'pl-fe/actions/timelines';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import { Column } from 'pl-fe/components/ui';
import Column from 'pl-fe/components/ui/column';
import { useAppDispatch, useSettings, useTheme } from 'pl-fe/hooks';
import { useIsMobile } from 'pl-fe/hooks/useIsMobile';

7
packages/pl-fe/src/features/chats/components/chat-composer.tsx
View file

@ -3,7 +3,12 @@ import { defineMessages, IntlShape, useIntl } from 'react-intl';
import { unblockAccount } from 'pl-fe/actions/accounts';
import { useRelationship } from 'pl-fe/api/hooks/accounts/useRelationship';
import { Button, Combobox, ComboboxInput, ComboboxList, ComboboxOption, ComboboxPopover, HStack, IconButton, Stack, Text } from 'pl-fe/components/ui';
import Button from 'pl-fe/components/ui/button';
import Combobox, { ComboboxInput, ComboboxList, ComboboxOption, ComboboxPopover } from 'pl-fe/components/ui/combobox';
import HStack from 'pl-fe/components/ui/hstack';
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 { useChatContext } from 'pl-fe/contexts/chat-context';
import UploadButton from 'pl-fe/features/compose/components/upload-button';
import emojiSearch from 'pl-fe/features/emoji/search';

6
packages/pl-fe/src/features/chats/components/chat-list-item.tsx
View file

@ -5,7 +5,11 @@ import { useHistory } from 'react-router-dom';
import { useRelationship } from 'pl-fe/api/hooks/accounts/useRelationship';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import RelativeTimestamp from 'pl-fe/components/relative-timestamp';
import { Avatar, HStack, IconButton, Stack, Text } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import HStack from 'pl-fe/components/ui/hstack';
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 VerificationBadge from 'pl-fe/components/verification-badge';
import { useChatContext } from 'pl-fe/contexts/chat-context';
import { useFeatures } from 'pl-fe/hooks';

2
packages/pl-fe/src/features/chats/components/chat-list.tsx
View file

@ -3,7 +3,7 @@ import React, { useState } from 'react';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Stack } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import PlaceholderChat from 'pl-fe/features/placeholder/components/placeholder-chat';
import { useChats } from 'pl-fe/queries/chats';

6
packages/pl-fe/src/features/chats/components/chat-message-list.tsx
View file

@ -2,7 +2,11 @@ import React, { useEffect, useRef } from 'react';
import { useIntl, defineMessages } from 'react-intl';
import ScrollableList from 'pl-fe/components/scrollable-list';
import { Avatar, Button, Divider, Stack, Text } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import Button from 'pl-fe/components/ui/button';
import Divider from 'pl-fe/components/ui/divider';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { Entities } from 'pl-fe/entity-store/entities';
import PlaceholderChatMessage from 'pl-fe/features/placeholder/components/placeholder-chat-message';
import { useAppSelector } from 'pl-fe/hooks';

5
packages/pl-fe/src/features/chats/components/chat-message.tsx
View file

@ -5,7 +5,10 @@ import React, { useMemo, useState } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import DropdownMenu from 'pl-fe/components/dropdown-menu';
import { HStack, Icon, Stack, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import emojify from 'pl-fe/features/emoji';
import { MediaGallery } from 'pl-fe/features/ui/util/async-components';
import { useAppSelector } from 'pl-fe/hooks';

2
packages/pl-fe/src/features/chats/components/chat-page/chat-page.tsx
View file

@ -2,7 +2,7 @@ import clsx from 'clsx';
import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
import { matchPath, Route, Switch, useHistory } from 'react-router-dom';
import { Stack } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import ChatPageMain from './components/chat-page-main';
import ChatPageNew from './components/chat-page-new';

4
packages/pl-fe/src/features/chats/components/chat-page/components/blankslate-empty.tsx
View file

@ -2,7 +2,9 @@ import React from 'react';
import { FormattedMessage } from 'react-intl';
import { useHistory } from 'react-router-dom';
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';
interface IBlankslate {
}

4
packages/pl-fe/src/features/chats/components/chat-page/components/blankslate-with-chats.tsx
View file

@ -2,7 +2,9 @@ import React from 'react';
import { FormattedMessage } from 'react-intl';
import { useHistory } from 'react-router-dom';
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';
/** To display on the chats main page when no message is selected, but chats are present. */
const BlankslateWithChats = () => {

6
packages/pl-fe/src/features/chats/components/chat-page/components/chat-page-main.tsx
View file

@ -4,7 +4,11 @@ import { Link, useHistory, useParams } from 'react-router-dom';
import { blockAccount, unblockAccount } from 'pl-fe/actions/accounts';
import DropdownMenu, { type Menu } from 'pl-fe/components/dropdown-menu';
import { Avatar, HStack, IconButton, Stack, Text } from 'pl-fe/components/ui';
import Avatar from 'pl-fe/components/ui/avatar';
import HStack from 'pl-fe/components/ui/hstack';
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 VerificationBadge from 'pl-fe/components/verification-badge';
import { useChatContext } from 'pl-fe/contexts/chat-context';
import { Entities } from 'pl-fe/entity-store/entities';

4
packages/pl-fe/src/features/chats/components/chat-pane/blankslate.tsx
View file

@ -1,7 +1,9 @@
import React from 'react';
import { defineMessages, useIntl } 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';
const messages = defineMessages({
title: { id: 'chat_pane.blankslate.title', defaultMessage: 'No messages yet' },

4
packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
View file

@ -1,7 +1,7 @@
import React, { useRef } from 'react';
import { FormattedMessage } from 'react-intl';
import { Stack } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import { ChatWidgetScreens, useChatContext } from 'pl-fe/contexts/chat-context';
import { useStatContext } from 'pl-fe/contexts/stat-context';
import { useChats } from 'pl-fe/queries/chats';
@ -12,7 +12,7 @@ import EmptyResultsBlankslate from '../chat-search/empty-results-blankslate';
import ChatPaneHeader from '../chat-widget/chat-pane-header';
import ChatWindow from '../chat-widget/chat-window';
import ChatSearchHeader from '../chat-widget/headers/chat-search-header';
import { Pane } from '../ui';
import { Pane } from 'pl-fe/components/ui';
import Blankslate from './blankslate';

2
packages/pl-fe/src/features/chats/components/chat-pending-upload.tsx
View file

@ -1,6 +1,6 @@
import React from 'react';
import { ProgressBar } from 'pl-fe/components/ui';
import ProgressBar from 'pl-fe/components/ui/progress-bar';
interface IChatPendingUpload {
progress: number;

3
packages/pl-fe/src/features/chats/components/chat-search/blankslate.tsx
View file

@ -1,7 +1,8 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Stack, Text } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
const messages = defineMessages({
title: { id: 'chat_search.blankslate.title', defaultMessage: 'Start a chat' },

3
packages/pl-fe/src/features/chats/components/chat-search/empty-results-blankslate.tsx
View file

@ -1,7 +1,8 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { Stack, Text } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
const messages = defineMessages({
title: { id: 'chat_search.empty_results_blankslate.title', defaultMessage: 'No matches found' },

5
packages/pl-fe/src/features/chats/components/chat-search/results.tsx
View file

@ -2,7 +2,10 @@ import clsx from 'clsx';
import React, { useCallback, useState } from 'react';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 useAccountSearch from 'pl-fe/queries/search';

2
packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx
View file

@ -1,6 +1,6 @@
import React from 'react';
import { Icon } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import { MIMETYPE_ICONS } from 'pl-fe/components/upload';
import type { MediaAttachment } from 'pl-api';

2
packages/pl-fe/src/features/chats/components/chat-upload.tsx
View file

@ -2,7 +2,7 @@ import clsx from 'clsx';
import React from 'react';
import Blurhash from 'pl-fe/components/blurhash';
import { Icon } from 'pl-fe/components/ui';
import Icon from 'pl-fe/components/ui/icon';
import { useModalsStore } from 'pl-fe/stores';
import ChatUploadPreview from './chat-upload-preview';

6
packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
View file

@ -2,7 +2,11 @@ import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { blockAccount, unblockAccount } from 'pl-fe/actions/accounts';
import { Avatar, HStack, Icon, Stack, Text } 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 Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { ChatWidgetScreens, useChatContext } from 'pl-fe/contexts/chat-context';
import { Entities } from 'pl-fe/entity-store/entities';
import { useAppDispatch, useAppSelector, useFeatures } from 'pl-fe/hooks';

6
packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx
View file

@ -1,7 +1,11 @@
import React, { useRef } from 'react';
import { Link } from 'react-router-dom';
import { Avatar, HStack, Icon, Stack, Text } 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 Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import VerificationBadge from 'pl-fe/components/verification-badge';
import { ChatWidgetScreens, useChatContext } from 'pl-fe/contexts/chat-context';

4
packages/pl-fe/src/features/chats/components/chat-widget/headers/chat-search-header.tsx
View file

@ -1,7 +1,9 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { HStack, Icon, Text } from 'pl-fe/components/ui';
import HStack from 'pl-fe/components/ui/hstack';
import Icon from 'pl-fe/components/ui/icon';
import Text from 'pl-fe/components/ui/text';
import { ChatWidgetScreens, useChatContext } from 'pl-fe/contexts/chat-context';
import ChatPaneHeader from '../chat-pane-header';

2
packages/pl-fe/src/features/chats/components/chat.tsx
View file

@ -3,7 +3,7 @@ import React, { MutableRefObject, useEffect, useState } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { uploadMedia } from 'pl-fe/actions/media';
import { Stack } from 'pl-fe/components/ui';
import Stack from 'pl-fe/components/ui/stack';
import { useAppDispatch } from 'pl-fe/hooks';
import { useChatActions } from 'pl-fe/queries/chats';
import toast from 'pl-fe/toast';

Some files were not shown because too many files have changed in this diff Show more