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

pl-fe: change import alias so it won't change on each project rename

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-02-07 22:41:47 +01:00
parent 6584031e0b
commit a80bb6d938
742 changed files with 4352 additions and 4352 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/pl-fe/src/modals/alt-text-modal.tsx
View File

@@ -3,21 +3,21 @@ import clsx from 'clsx';
import React, { useCallback, useEffect, useRef, useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Blurhash from 'pl-fe/components/blurhash';
import FormGroup from 'pl-fe/components/ui/form-group';
import Icon from 'pl-fe/components/ui/icon';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Textarea from 'pl-fe/components/ui/textarea';
import { MIMETYPE_ICONS } from 'pl-fe/components/upload';
import { getPointerPosition } from 'pl-fe/features/video';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useCompose } from 'pl-fe/hooks/use-compose';
import { useFeatures } from 'pl-fe/hooks/use-features';
import toast from 'pl-fe/toast';
import Blurhash from '@/components/blurhash';
import FormGroup from '@/components/ui/form-group';
import Icon from '@/components/ui/icon';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Textarea from '@/components/ui/textarea';
import { MIMETYPE_ICONS } from '@/components/upload';
import { getPointerPosition } from '@/features/video';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useCompose } from '@/hooks/use-compose';
import { useFeatures } from '@/hooks/use-features';
import toast from '@/toast';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { MediaAttachment } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
type FocalPoint = [number, number];

20
packages/pl-fe/src/modals/antenna-editor-modal.tsx
View File

@@ -1,17 +1,17 @@
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Button from 'pl-fe/components/ui/button';
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 Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import { useAntenna, useCreateAntenna, useUpdateAntenna } from 'pl-fe/queries/accounts/use-antennas';
import toast from 'pl-fe/toast';
import Button from '@/components/ui/button';
import Form from '@/components/ui/form';
import FormActions from '@/components/ui/form-actions';
import FormGroup from '@/components/ui/form-group';
import Input from '@/components/ui/input';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import { useAntenna, useCreateAntenna, useUpdateAntenna } from '@/queries/accounts/use-antennas';
import toast from '@/toast';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
type Tab = 'info' | 'accounts' | 'excludedAccounts';

14
packages/pl-fe/src/modals/birthdays-modal.tsx
View File

@@ -1,14 +1,14 @@
import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 { getCurrentDate } from 'pl-fe/features/ui/components/panels/birthday-panel';
import { useBirthdayReminders } from 'pl-fe/queries/accounts/use-birthday-reminders';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import Account from '@/features/birthdays/account';
import { getCurrentDate } from '@/features/ui/components/panels/birthday-panel';
import { useBirthdayReminders } from '@/queries/accounts/use-birthday-reminders';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const BirthdaysModal = ({ onClose }: BaseModalProps) => {
const [[day, month]] = useState(getCurrentDate);

30
packages/pl-fe/src/modals/block-mute-modal.tsx
View File

@@ -1,23 +1,23 @@
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { initReport, ReportableEntities } from 'pl-fe/actions/reports';
import { useAccount } from 'pl-fe/api/hooks/accounts/use-account';
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 DurationSelector from 'pl-fe/features/compose/components/polls/duration-selector';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { useBlockAccountMutation, useMuteAccountMutation, useUpdateAccountNoteMutation } from 'pl-fe/queries/accounts/use-relationship';
import toast from 'pl-fe/toast';
import { initReport, ReportableEntities } from '@/actions/reports';
import { useAccount } from '@/api/hooks/accounts/use-account';
import FormGroup from '@/components/ui/form-group';
import HStack from '@/components/ui/hstack';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Textarea from '@/components/ui/textarea';
import Toggle from '@/components/ui/toggle';
import DurationSelector from '@/features/compose/components/polls/duration-selector';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useFeatures } from '@/hooks/use-features';
import { useBlockAccountMutation, useMuteAccountMutation, useUpdateAccountNoteMutation } from '@/queries/accounts/use-relationship';
import toast from '@/toast';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { BlockAccountParams, MuteAccountParams } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const messages = defineMessages({
notePlaceholder: { id: 'account_note.placeholder', defaultMessage: 'Add a note' },

16
packages/pl-fe/src/modals/boost-modal.tsx
View File

@@ -1,15 +1,15 @@
import React, { useCallback } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Icon from 'pl-fe/components/icon';
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/use-app-selector';
import { makeGetStatus } from 'pl-fe/selectors';
import Icon from '@/components/icon';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import ReplyIndicator from '@/features/compose/components/reply-indicator';
import { useAppSelector } from '@/hooks/use-app-selector';
import { makeGetStatus } from '@/selectors';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
cancel_reblog: { id: 'status.cancel_reblog_private', defaultMessage: 'Un-repost' },

16
packages/pl-fe/src/modals/circle-editor-modal.tsx
View File

@@ -1,18 +1,18 @@
import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { CardHeader, CardTitle } from 'pl-fe/components/ui/card';
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 { useAddAccountsToCircle, useCircle, useCircleAccounts, useRemoveAccountsFromCircle } from 'pl-fe/queries/accounts/use-circles';
import { useAccountSearch } from 'pl-fe/queries/search/use-search-accounts';
import { CardHeader, CardTitle } from '@/components/ui/card';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import { useAddAccountsToCircle, useCircle, useCircleAccounts, useRemoveAccountsFromCircle } from '@/queries/accounts/use-circles';
import { useAccountSearch } from '@/queries/search/use-search-accounts';
import Account from './list-editor-modal/components/account';
import Search from './list-editor-modal/components/search';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface CircleEditorModalProps {
circleId: string;

22
packages/pl-fe/src/modals/compare-history-modal.tsx
View File

@@ -1,18 +1,18 @@
import React from 'react';
import { FormattedDate, FormattedMessage } from 'react-intl';
import AttachmentThumbs from 'pl-fe/components/attachment-thumbs';
import { ParsedContent } from 'pl-fe/components/parsed-content';
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 Emojify from 'pl-fe/features/emoji/emojify';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useStatusHistory } from 'pl-fe/queries/statuses/use-status-history';
import AttachmentThumbs from '@/components/attachment-thumbs';
import { ParsedContent } from '@/components/parsed-content';
import HStack from '@/components/ui/hstack';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Emojify from '@/features/emoji/emojify';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useStatusHistory } from '@/queries/statuses/use-status-history';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface CompareHistoryModalProps {
statusId: string;

4
packages/pl-fe/src/modals/component-modal.tsx
View File

@@ -1,8 +1,8 @@
import React from 'react';
import Modal from 'pl-fe/components/ui/modal';
import Modal from '@/components/ui/modal';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface ComponentModalProps {
component: React.ComponentType<BaseModalProps>;

20
packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
View File

@@ -2,18 +2,18 @@ import { Link } from '@tanstack/react-router';
import React, { useEffect, useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { changeComposeInteractionPolicyOption, changeComposeQuotePolicyOption } from 'pl-fe/actions/compose';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Warning from 'pl-fe/features/compose/components/warning';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useClient } from 'pl-fe/hooks/use-client';
import { useCompose } from 'pl-fe/hooks/use-compose';
import { InteractionPolicyConfig, type Policy, type Rule, type Scope } from 'pl-fe/pages/settings/interaction-policies';
import { useInteractionPolicies } from 'pl-fe/queries/settings/use-interaction-policies';
import { changeComposeInteractionPolicyOption, changeComposeQuotePolicyOption } from '@/actions/compose';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Warning from '@/features/compose/components/warning';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useClient } from '@/hooks/use-client';
import { useCompose } from '@/hooks/use-compose';
import { InteractionPolicyConfig, type Policy, type Rule, type Scope } from '@/pages/settings/interaction-policies';
import { useInteractionPolicies } from '@/queries/settings/use-interaction-policies';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { CreateStatusParams } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const MANAGABLE_VISIBILITIES = ['public', 'unlisted', 'private'];

20
packages/pl-fe/src/modals/compose-modal.tsx
View File

@@ -2,17 +2,17 @@ import clsx from 'clsx';
import React, { useRef } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { cancelReplyCompose, uploadCompose } from 'pl-fe/actions/compose';
import { checkComposeContent } from 'pl-fe/components/modal-root';
import Modal from 'pl-fe/components/ui/modal';
import { ComposeForm } from 'pl-fe/features/ui/util/async-components';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useCompose } from 'pl-fe/hooks/use-compose';
import { useDraggedFiles } from 'pl-fe/hooks/use-dragged-files';
import { usePersistDraftStatus } from 'pl-fe/queries/statuses/use-draft-statuses';
import { useModalsActions } from 'pl-fe/stores/modals';
import { cancelReplyCompose, uploadCompose } from '@/actions/compose';
import { checkComposeContent } from '@/components/modal-root';
import Modal from '@/components/ui/modal';
import { ComposeForm } from '@/features/ui/util/async-components';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useCompose } from '@/hooks/use-compose';
import { useDraggedFiles } from '@/hooks/use-dragged-files';
import { usePersistDraftStatus } from '@/queries/statuses/use-draft-statuses';
import { useModalsActions } from '@/stores/modals';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
confirm: { id: 'confirmations.cancel.confirm', defaultMessage: 'Discard' },

14
packages/pl-fe/src/modals/confirmation-modal.tsx
View File

@@ -1,14 +1,14 @@
import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import List, { ListItem } from 'pl-fe/components/list';
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 List, { ListItem } from '@/components/list';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Toggle from '@/components/ui/toggle';
import type { ButtonThemes } from 'pl-fe/components/ui/button/useButtonStyles';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { ButtonThemes } from '@/components/ui/button/useButtonStyles';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface ConfirmationModalProps {
heading?: React.ReactNode;

8
packages/pl-fe/src/modals/crypto-donate-modal.tsx
View File

@@ -1,10 +1,10 @@
import React from 'react';
import Modal from 'pl-fe/components/ui/modal';
import DetailedCryptoAddress from 'pl-fe/features/crypto-donate/components/detailed-crypto-address';
import Modal from '@/components/ui/modal';
import DetailedCryptoAddress from '@/features/crypto-donate/components/detailed-crypto-address';
import type { ICryptoAddress } from 'pl-fe/features/crypto-donate/components/crypto-address';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { ICryptoAddress } from '@/features/crypto-donate/components/crypto-address';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const CryptoDonateModal: React.FC<BaseModalProps & ICryptoAddress> = ({ onClose, ...props }) => {

14
packages/pl-fe/src/modals/dislikes-modal.tsx
View File

@@ -1,14 +1,14 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 { useStatusDislikes } from 'pl-fe/queries/statuses/use-status-interactions';
import PullToRefresh from '@/components/pull-to-refresh';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import AccountContainer from '@/containers/account-container';
import { useStatusDislikes } from '@/queries/statuses/use-status-interactions';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface DislikesModalProps {
statusId: string;

2
packages/pl-fe/src/modals/dropdown-menu-modal.tsx
View File

@@ -2,7 +2,7 @@ import clsx from 'clsx';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface DropdownMenuModalProps {
/** The element initiating opening the modal. */

24
packages/pl-fe/src/modals/edit-announcement-modal.tsx
View File

@@ -1,20 +1,20 @@
import React, { useState } from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
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 { useCreateAnnouncementMutation, useUpdateAnnouncementMutation } from 'pl-fe/queries/admin/use-announcements';
import toast from 'pl-fe/toast';
import Form from '@/components/ui/form';
import FormGroup from '@/components/ui/form-group';
import HStack from '@/components/ui/hstack';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Textarea from '@/components/ui/textarea';
import Toggle from '@/components/ui/toggle';
import { DatePicker } from '@/features/ui/util/async-components';
import { useCreateAnnouncementMutation, useUpdateAnnouncementMutation } from '@/queries/admin/use-announcements';
import toast from '@/toast';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { AdminAnnouncement } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const messages = defineMessages({
save: { id: 'admin.edit_announcement.save', defaultMessage: 'Save' },

28
packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
View File

@@ -3,21 +3,21 @@ import React, { useState } from 'react';
import { createPortal } from 'react-dom';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
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 Input from 'pl-fe/components/ui/input';
import Modal from 'pl-fe/components/ui/modal';
import EmojiPickerDropdown from 'pl-fe/features/emoji/components/emoji-picker-dropdown';
import { messages as emojiMessages } from 'pl-fe/features/emoji/containers/emoji-picker-dropdown-container';
import { useTextField } from 'pl-fe/hooks/forms/use-text-field';
import { useClickOutside } from 'pl-fe/hooks/use-click-outside';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { useBookmarkFolder, useUpdateBookmarkFolder } from 'pl-fe/queries/statuses/use-bookmark-folders';
import toast from 'pl-fe/toast';
import Emoji from '@/components/ui/emoji';
import HStack from '@/components/ui/hstack';
import Icon from '@/components/ui/icon';
import Input from '@/components/ui/input';
import Modal from '@/components/ui/modal';
import EmojiPickerDropdown from '@/features/emoji/components/emoji-picker-dropdown';
import { messages as emojiMessages } from '@/features/emoji/containers/emoji-picker-dropdown-container';
import { useTextField } from '@/hooks/forms/use-text-field';
import { useClickOutside } from '@/hooks/use-click-outside';
import { useFeatures } from '@/hooks/use-features';
import { useBookmarkFolder, useUpdateBookmarkFolder } from '@/queries/statuses/use-bookmark-folders';
import toast from '@/toast';
import type { Emoji as EmojiType } from 'pl-fe/features/emoji';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { Emoji as EmojiType } from '@/features/emoji';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
label: { id: 'bookmark_folders.new.title_placeholder', defaultMessage: 'New folder title' },

22
packages/pl-fe/src/modals/edit-domain-modal.tsx
View File

@@ -1,19 +1,19 @@
import React, { useState } from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
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 Input from 'pl-fe/components/ui/input';
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 { useDomains } from 'pl-fe/queries/admin/use-domains';
import toast from 'pl-fe/toast';
import Form from '@/components/ui/form';
import FormGroup from '@/components/ui/form-group';
import HStack from '@/components/ui/hstack';
import Input from '@/components/ui/input';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Toggle from '@/components/ui/toggle';
import { useDomains } from '@/queries/admin/use-domains';
import toast from '@/toast';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { AdminDomain } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const messages = defineMessages({
save: { id: 'admin.edit_domain.save', defaultMessage: 'Save' },

18
packages/pl-fe/src/modals/edit-federation-modal.tsx
View File

@@ -1,16 +1,16 @@
import React, { useState, useEffect, useCallback } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { updateMrf } from 'pl-fe/actions/mrf';
import List, { ListItem } from 'pl-fe/components/list';
import Modal from 'pl-fe/components/ui/modal';
import Toggle from 'pl-fe/components/ui/toggle';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { makeGetRemoteInstance } from 'pl-fe/selectors';
import toast from 'pl-fe/toast';
import { updateMrf } from '@/actions/mrf';
import List, { ListItem } from '@/components/list';
import Modal from '@/components/ui/modal';
import Toggle from '@/components/ui/toggle';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useAppSelector } from '@/hooks/use-app-selector';
import { makeGetRemoteInstance } from '@/selectors';
import toast from '@/toast';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
mediaRemoval: { id: 'edit_federation.media_removal', defaultMessage: 'Strip media' },

18
packages/pl-fe/src/modals/edit-rule-modal.tsx
View File

@@ -1,17 +1,17 @@
import React from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import Form from 'pl-fe/components/ui/form';
import FormGroup from 'pl-fe/components/ui/form-group';
import Input from 'pl-fe/components/ui/input';
import Modal from 'pl-fe/components/ui/modal';
import { useTextField } from 'pl-fe/hooks/forms/use-text-field';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { useRules } from 'pl-fe/queries/admin/use-rules';
import toast from 'pl-fe/toast';
import Form from '@/components/ui/form';
import FormGroup from '@/components/ui/form-group';
import Input from '@/components/ui/input';
import Modal from '@/components/ui/modal';
import { useTextField } from '@/hooks/forms/use-text-field';
import { useFeatures } from '@/hooks/use-features';
import { useRules } from '@/queries/admin/use-rules';
import toast from '@/toast';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { AdminRule } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const messages = defineMessages({
save: { id: 'admin.edit_rule.save', defaultMessage: 'Save' },

16
packages/pl-fe/src/modals/embed-modal.tsx
View File

@@ -1,15 +1,15 @@
import React, { useEffect } from 'react';
import { FormattedMessage } from 'react-intl';
import CopyableInput from 'pl-fe/components/copyable-input';
import SafeEmbed from 'pl-fe/components/safe-embed';
import Divider from 'pl-fe/components/ui/divider';
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 useEmbed from 'pl-fe/queries/embed';
import CopyableInput from '@/components/copyable-input';
import SafeEmbed from '@/components/safe-embed';
import Divider from '@/components/ui/divider';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import useEmbed from '@/queries/embed';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface EmbedModalProps {
url: string;

14
packages/pl-fe/src/modals/event-map-modal.tsx
View File

@@ -2,16 +2,16 @@ import L from 'leaflet';
import React, { useCallback, useEffect, useRef } from 'react';
import { FormattedMessage } from 'react-intl';
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 } from 'pl-fe/hooks/use-app-selector';
import { usePlFeConfig } from 'pl-fe/hooks/use-pl-fe-config';
import { makeGetStatus } from 'pl-fe/selectors';
import Button from '@/components/ui/button';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import { useAppSelector } from '@/hooks/use-app-selector';
import { usePlFeConfig } from '@/hooks/use-pl-fe-config';
import { makeGetStatus } from '@/selectors';
import 'leaflet/dist/leaflet.css';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
L.Icon.Default.mergeOptions({
iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),

14
packages/pl-fe/src/modals/event-participants-modal.tsx
View File

@@ -1,14 +1,14 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 { useEventParticipations } from 'pl-fe/queries/events/use-event-participations';
import PullToRefresh from '@/components/pull-to-refresh';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import AccountContainer from '@/containers/account-container';
import { useEventParticipations } from '@/queries/events/use-event-participations';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface EventParticipantsModalProps {
statusId: string;

16
packages/pl-fe/src/modals/familiar-followers-modal.tsx
View File

@@ -1,15 +1,15 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { useAccount } from 'pl-fe/api/hooks/accounts/use-account';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 Emojify from 'pl-fe/features/emoji/emojify';
import { useFamiliarFollowers } from 'pl-fe/queries/accounts/use-familiar-followers';
import { useAccount } from '@/api/hooks/accounts/use-account';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import AccountContainer from '@/containers/account-container';
import Emojify from '@/features/emoji/emojify';
import { useFamiliarFollowers } from '@/queries/accounts/use-familiar-followers';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface FamiliarFollowersModalProps {
accountId: string;

14
packages/pl-fe/src/modals/favourites-modal.tsx
View File

@@ -1,14 +1,14 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 { useStatusFavourites } from 'pl-fe/queries/statuses/use-status-interactions';
import PullToRefresh from '@/components/pull-to-refresh';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import AccountContainer from '@/containers/account-container';
import { useStatusFavourites } from '@/queries/statuses/use-status-interactions';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface FavouritesModalProps {
statusId: string;

8
packages/pl-fe/src/modals/hotkeys-modal.tsx
View File

@@ -2,11 +2,11 @@ import clsx from 'clsx';
import React from 'react';
import { FormattedMessage } from 'react-intl';
import Modal from 'pl-fe/components/ui/modal';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { useLoggedIn } from 'pl-fe/hooks/use-logged-in';
import Modal from '@/components/ui/modal';
import { useFeatures } from '@/hooks/use-features';
import { useLoggedIn } from '@/hooks/use-logged-in';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const Hotkey: React.FC<{ children: React.ReactNode }> = ({ children }) => (
<kbd className='rounded-md border border-solid border-primary-200 bg-primary-50 px-1.5 py-1 font-sans text-xs dark:border-gray-700 dark:bg-gray-800'>

10
packages/pl-fe/src/modals/join-event-modal.tsx
View File

@@ -1,12 +1,12 @@
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import FormGroup from 'pl-fe/components/ui/form-group';
import Modal from 'pl-fe/components/ui/modal';
import Textarea from 'pl-fe/components/ui/textarea';
import { useJoinEventMutation } from 'pl-fe/queries/statuses/use-event-interactions';
import FormGroup from '@/components/ui/form-group';
import Modal from '@/components/ui/modal';
import Textarea from '@/components/ui/textarea';
import { useJoinEventMutation } from '@/queries/statuses/use-event-interactions';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
hint: { id: 'join_event.hint', defaultMessage: 'You can tell the organizer why do you want to participate in this event:' },

6
packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import Icon from 'pl-fe/components/icon';
import IconButton from 'pl-fe/components/ui/icon-button';
import { useAddAccountsToList, useList, useRemoveAccountsFromList } from 'pl-fe/queries/accounts/use-lists';
import Icon from '@/components/icon';
import IconButton from '@/components/ui/icon-button';
import { useAddAccountsToList, useList, useRemoveAccountsFromList } from '@/queries/accounts/use-lists';
const messages = defineMessages({
remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },

12
packages/pl-fe/src/modals/list-adder-modal/index.tsx
View File

@@ -1,15 +1,15 @@
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
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 { NewListForm, getOrderedLists } from 'pl-fe/pages/account-lists/lists';
import { useLists, useListsForAccount } from 'pl-fe/queries/accounts/use-lists';
import { CardHeader, CardTitle } from '@/components/ui/card';
import Modal from '@/components/ui/modal';
import AccountContainer from '@/containers/account-container';
import { NewListForm, getOrderedLists } from '@/pages/account-lists/lists';
import { useLists, useListsForAccount } from '@/queries/accounts/use-lists';
import List from './components/list';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
subheading: { id: 'lists.subheading', defaultMessage: 'Your lists' },

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

@@ -1,9 +1,9 @@
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import HStack from 'pl-fe/components/ui/hstack';
import IconButton from 'pl-fe/components/ui/icon-button';
import AccountContainer from 'pl-fe/containers/account-container';
import HStack from '@/components/ui/hstack';
import IconButton from '@/components/ui/icon-button';
import AccountContainer from '@/containers/account-container';
const messages = defineMessages({
remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },

22
packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
View File

@@ -1,17 +1,17 @@
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import List, { ListItem } from 'pl-fe/components/list';
import Button from 'pl-fe/components/ui/button';
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 Toggle from 'pl-fe/components/ui/toggle';
import { SelectDropdown } from 'pl-fe/features/forms';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { useList, useUpdateList } from 'pl-fe/queries/accounts/use-lists';
import toast from 'pl-fe/toast';
import List, { ListItem } from '@/components/list';
import Button from '@/components/ui/button';
import Form from '@/components/ui/form';
import FormActions from '@/components/ui/form-actions';
import FormGroup from '@/components/ui/form-group';
import Input from '@/components/ui/input';
import Toggle from '@/components/ui/toggle';
import { SelectDropdown } from '@/features/forms';
import { useFeatures } from '@/hooks/use-features';
import { useList, useUpdateList } from '@/queries/accounts/use-lists';
import toast from '@/toast';
const messages = defineMessages({
repliesPolicyNone: { id: 'lists.replies_policy.none', defaultMessage: 'No one' },

10
packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
View File

@@ -1,11 +1,11 @@
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { CardHeader, CardTitle } from 'pl-fe/components/ui/card';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useAddAccountsToList, useListAccounts, useRemoveAccountsFromList } from 'pl-fe/queries/accounts/use-lists';
import { useAccountSearch } from 'pl-fe/queries/search/use-search-accounts';
import { CardHeader, CardTitle } from '@/components/ui/card';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import { useAddAccountsToList, useListAccounts, useRemoveAccountsFromList } from '@/queries/accounts/use-lists';
import { useAccountSearch } from '@/queries/search/use-search-accounts';
import Account from './account';
import Search from './search';

10
packages/pl-fe/src/modals/list-editor-modal/components/search.tsx
View File

@@ -2,11 +2,11 @@ import clsx from 'clsx';
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import Icon from 'pl-fe/components/icon';
import Button from 'pl-fe/components/ui/button';
import Form from 'pl-fe/components/ui/form';
import HStack from 'pl-fe/components/ui/hstack';
import Input from 'pl-fe/components/ui/input';
import Icon from '@/components/icon';
import Button from '@/components/ui/button';
import Form from '@/components/ui/form';
import HStack from '@/components/ui/hstack';
import Input from '@/components/ui/input';
const messages = defineMessages({
search: { id: 'lists.search', defaultMessage: 'Search among people you follow' },

8
packages/pl-fe/src/modals/list-editor-modal/index.tsx
View File

@@ -1,14 +1,14 @@
import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import { useList } from 'pl-fe/queries/accounts/use-lists';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import { useList } from '@/queries/accounts/use-lists';
import EditListForm from './components/edit-list-form';
import ListMembersForm from './components/list-members-form';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface ListEditorModalProps {
listId: string;

12
packages/pl-fe/src/modals/manage-group-modal/index.tsx
View File

@@ -2,17 +2,17 @@ import React, { useMemo, useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import * as v from 'valibot';
import { useCreateGroup } from 'pl-fe/api/hooks/groups/use-create-group';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import toast from 'pl-fe/toast';
import { useCreateGroup } from '@/api/hooks/groups/use-create-group';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import toast from '@/toast';
import ConfirmationStep from './steps/confirmation-step';
import DetailsStep from './steps/details-step';
import type { PlfeResponse } from '@/api';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { CreateGroupParams, Group } from 'pl-api';
import type { PlfeResponse } from 'pl-fe/api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const messages = defineMessages({
create: { id: 'manage_group.create', defaultMessage: 'Create group' },

18
packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
View File

@@ -1,15 +1,15 @@
import React from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import { ParsedContent } from 'pl-fe/components/parsed-content';
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 HStack from 'pl-fe/components/ui/hstack';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import toast from 'pl-fe/toast';
import copy from 'pl-fe/utils/copy';
import { ParsedContent } from '@/components/parsed-content';
import Avatar from '@/components/ui/avatar';
import Button from '@/components/ui/button';
import Divider from '@/components/ui/divider';
import HStack from '@/components/ui/hstack';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import toast from '@/toast';
import copy from '@/utils/copy';
import type { Group } from 'pl-api';

22
packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
View File

@@ -1,17 +1,17 @@
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Form from 'pl-fe/components/ui/form';
import FormGroup from 'pl-fe/components/ui/form-group';
import Input from 'pl-fe/components/ui/input';
import Textarea from 'pl-fe/components/ui/textarea';
import AvatarPicker from 'pl-fe/features/edit-profile/components/avatar-picker';
import HeaderPicker from 'pl-fe/features/edit-profile/components/header-picker';
import { usePreview } from 'pl-fe/hooks/forms/use-preview';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useInstance } from 'pl-fe/hooks/use-instance';
import { useSettings } from 'pl-fe/stores/settings';
import resizeImage from 'pl-fe/utils/resize-image';
import Form from '@/components/ui/form';
import FormGroup from '@/components/ui/form-group';
import Input from '@/components/ui/input';
import Textarea from '@/components/ui/textarea';
import AvatarPicker from '@/features/edit-profile/components/avatar-picker';
import HeaderPicker from '@/features/edit-profile/components/header-picker';
import { usePreview } from '@/hooks/forms/use-preview';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useInstance } from '@/hooks/use-instance';
import { useSettings } from '@/stores/settings';
import resizeImage from '@/utils/resize-image';
import type { CreateGroupParams } from 'pl-api';

36
packages/pl-fe/src/modals/media-modal.tsx
View File

@@ -5,26 +5,26 @@ import clsx from 'clsx';
import React, { type RefCallback, useCallback, useEffect, useMemo, useState } from 'react';
import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
import { fetchStatusWithContext } from 'pl-fe/actions/statuses';
import ExtendedVideoPlayer from 'pl-fe/components/extended-video-player';
import MissingIndicator from 'pl-fe/components/missing-indicator';
import StatusActionBar from 'pl-fe/components/status-action-bar';
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 Audio from 'pl-fe/features/audio';
import PlaceholderStatus from 'pl-fe/features/placeholder/components/placeholder-status';
import Thread from 'pl-fe/features/status/components/thread';
import ZoomableImage from 'pl-fe/features/ui/components/zoomable-image';
import Video from 'pl-fe/features/video';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { userTouching } from 'pl-fe/is-mobile';
import { makeGetStatus } from 'pl-fe/selectors';
import { fetchStatusWithContext } from '@/actions/statuses';
import ExtendedVideoPlayer from '@/components/extended-video-player';
import MissingIndicator from '@/components/missing-indicator';
import StatusActionBar from '@/components/status-action-bar';
import HStack from '@/components/ui/hstack';
import Icon from '@/components/ui/icon';
import IconButton from '@/components/ui/icon-button';
import Stack from '@/components/ui/stack';
import Audio from '@/features/audio';
import PlaceholderStatus from '@/features/placeholder/components/placeholder-status';
import Thread from '@/features/status/components/thread';
import ZoomableImage from '@/features/ui/components/zoomable-image';
import Video from '@/features/video';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useAppSelector } from '@/hooks/use-app-selector';
import { userTouching } from '@/is-mobile';
import { makeGetStatus } from '@/selectors';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { MediaAttachment } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
const MIN_SWIPE_DISTANCE = 400;

16
packages/pl-fe/src/modals/mentions-modal.tsx
View File

@@ -1,15 +1,15 @@
import React, { useCallback, useEffect } from 'react';
import { FormattedMessage, useIntl } from 'react-intl';
import { fetchStatusWithContext } from 'pl-fe/actions/statuses';
import ScrollableList from 'pl-fe/components/scrollable-list';
import Modal from 'pl-fe/components/ui/modal';
import AccountContainer from 'pl-fe/containers/account-container';
import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { makeGetStatus } from 'pl-fe/selectors';
import { fetchStatusWithContext } from '@/actions/statuses';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import AccountContainer from '@/containers/account-container';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useAppSelector } from '@/hooks/use-app-selector';
import { makeGetStatus } from '@/selectors';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface MentionsModalProps {
statusId: string;

4
packages/pl-fe/src/modals/missing-description-modal.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import Modal from 'pl-fe/components/ui/modal';
import Modal from '@/components/ui/modal';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
modalTitle: { id: 'missing_description_modal.text', defaultMessage: 'You have not entered a description for all attachments. Continue anyway?' },

20
packages/pl-fe/src/modals/reactions-modal.tsx
View File

@@ -2,17 +2,17 @@ import clsx from 'clsx';
import React, { useMemo, useState } from 'react';
import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import ScrollableList from 'pl-fe/components/scrollable-list';
import Emoji from 'pl-fe/components/ui/emoji';
import Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import Tabs from 'pl-fe/components/ui/tabs';
import AccountContainer from 'pl-fe/containers/account-container';
import { useStatusReactions } from 'pl-fe/queries/statuses/use-status-interactions';
import PullToRefresh from '@/components/pull-to-refresh';
import ScrollableList from '@/components/scrollable-list';
import Emoji from '@/components/ui/emoji';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import Tabs from '@/components/ui/tabs';
import AccountContainer from '@/containers/account-container';
import { useStatusReactions } from '@/queries/statuses/use-status-interactions';
import type { Item } from 'pl-fe/components/ui/tabs';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { Item } from '@/components/ui/tabs';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
all: { id: 'reactions.all', defaultMessage: 'All' },

14
packages/pl-fe/src/modals/reblogs-modal.tsx
View File

@@ -1,14 +1,14 @@
import React from 'react';
import { FormattedMessage } from 'react-intl';
import PullToRefresh from 'pl-fe/components/pull-to-refresh';
import ScrollableList from 'pl-fe/components/scrollable-list';
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 { useStatusReblogs } from 'pl-fe/queries/statuses/use-status-interactions';
import PullToRefresh from '@/components/pull-to-refresh';
import ScrollableList from '@/components/scrollable-list';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import AccountContainer from '@/containers/account-container';
import { useStatusReblogs } from '@/queries/statuses/use-status-interactions';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface ReblogsModalProps {
statusId: string;

16
packages/pl-fe/src/modals/reply-mentions-modal.tsx
View File

@@ -1,15 +1,15 @@
import React, { useCallback } from 'react';
import { FormattedMessage } from 'react-intl';
import Modal from 'pl-fe/components/ui/modal';
import Account from 'pl-fe/features/reply-mentions/account';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useCompose } from 'pl-fe/hooks/use-compose';
import { useOwnAccount } from 'pl-fe/hooks/use-own-account';
import { statusToMentionsAccountIdsArray } from 'pl-fe/reducers/compose';
import { makeGetStatus } from 'pl-fe/selectors';
import Modal from '@/components/ui/modal';
import Account from '@/features/reply-mentions/account';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useCompose } from '@/hooks/use-compose';
import { useOwnAccount } from '@/hooks/use-own-account';
import { statusToMentionsAccountIdsArray } from '@/reducers/compose';
import { makeGetStatus } from '@/selectors';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface ReplyMentionsModalProps {
composeId: string;

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

@@ -1,11 +1,11 @@
import noop from 'lodash/noop';
import React, { Suspense } from 'react';
import StatusContent from 'pl-fe/components/status-content';
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/use-app-selector';
import StatusContent from '@/components/status-content';
import Stack from '@/components/ui/stack';
import Toggle from '@/components/ui/toggle';
import { MediaGallery, Video, Audio } from '@/features/ui/util/async-components';
import { useAppSelector } from '@/hooks/use-app-selector';
interface IStatusCheckBox {
id: string;

30
packages/pl-fe/src/modals/report-modal/index.tsx
View File

@@ -1,26 +1,26 @@
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { submitReport, ReportableEntities } from 'pl-fe/actions/reports';
import { fetchAccountTimeline } from 'pl-fe/actions/timelines';
import { useAccount } from 'pl-fe/api/hooks/accounts/use-account';
import AttachmentThumbs from 'pl-fe/components/attachment-thumbs';
import StatusContent from 'pl-fe/components/status-content';
import Modal from 'pl-fe/components/ui/modal';
import ProgressBar from 'pl-fe/components/ui/progress-bar';
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 { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useInstance } from 'pl-fe/hooks/use-instance';
import { useBlockAccountMutation } from 'pl-fe/queries/accounts/use-relationship';
import { submitReport, ReportableEntities } from '@/actions/reports';
import { fetchAccountTimeline } from '@/actions/timelines';
import { useAccount } from '@/api/hooks/accounts/use-account';
import AttachmentThumbs from '@/components/attachment-thumbs';
import StatusContent from '@/components/status-content';
import Modal from '@/components/ui/modal';
import ProgressBar from '@/components/ui/progress-bar';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import AccountContainer from '@/containers/account-container';
import { useAppDispatch } from '@/hooks/use-app-dispatch';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useInstance } from '@/hooks/use-instance';
import { useBlockAccountMutation } from '@/queries/accounts/use-relationship';
import ConfirmationStep from './steps/confirmation-step';
import OtherActionsStep from './steps/other-actions-step';
import ReasonStep from './steps/reason-step';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
blankslate: { id: 'report.reason.blankslate', defaultMessage: 'You have removed all statuses from being selected.' },

8
packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
View File

@@ -1,10 +1,10 @@
import React from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import { getPlFeConfig } from 'pl-fe/actions/pl-fe';
import Stack from 'pl-fe/components/ui/stack';
import Text from 'pl-fe/components/ui/text';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { getPlFeConfig } from '@/actions/pl-fe';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import { useAppSelector } from '@/hooks/use-app-selector';
const messages = defineMessages({
accountEntity: { id: 'report.confirmation.entity.account', defaultMessage: 'account' },

20
packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
View File

@@ -1,16 +1,16 @@
import React, { useState } from 'react';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
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 { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useFeatures } from 'pl-fe/hooks/use-features';
import StatusCheckBox from 'pl-fe/modals/report-modal/components/status-check-box';
import { getDomain } from 'pl-fe/utils/accounts';
import Button from '@/components/ui/button';
import FormGroup from '@/components/ui/form-group';
import HStack from '@/components/ui/hstack';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Toggle from '@/components/ui/toggle';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useFeatures } from '@/hooks/use-features';
import StatusCheckBox from '@/modals/report-modal/components/status-check-box';
import { getDomain } from '@/utils/accounts';
import type { Account } from 'pl-api';

10
packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
View File

@@ -2,11 +2,11 @@ import clsx from 'clsx';
import React, { useEffect, useRef, useState } from 'react';
import { defineMessages, useIntl } from 'react-intl';
import FormGroup from 'pl-fe/components/ui/form-group';
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 { useInstance } from 'pl-fe/hooks/use-instance';
import FormGroup from '@/components/ui/form-group';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import Textarea from '@/components/ui/textarea';
import { useInstance } from '@/hooks/use-instance';
import type { Account } from 'pl-api';

32
packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
View File

@@ -3,23 +3,23 @@ import { BookmarkFolder } from 'pl-api';
import React, { useCallback, useDeferredValue, useMemo, useState } from 'react';
import { FormattedMessage } from 'react-intl';
import { ListItem } from 'pl-fe/components/list';
import { RadioGroup, RadioItem } from 'pl-fe/components/radio';
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 Modal from 'pl-fe/components/ui/modal';
import Spinner from 'pl-fe/components/ui/spinner';
import Stack from 'pl-fe/components/ui/stack';
import Toggle from 'pl-fe/components/ui/toggle';
import { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { NewFolderForm } from 'pl-fe/pages/status-lists/bookmark-folders';
import { useAddBookmarkToFolder, useBookmarkFolders, useRemoveBookmarkFromFolder, useStatusBookmarkFolders } from 'pl-fe/queries/statuses/use-bookmark-folders';
import { useBookmarkStatus } from 'pl-fe/queries/statuses/use-status-interactions';
import { makeGetStatus } from 'pl-fe/selectors';
import { ListItem } from '@/components/list';
import { RadioGroup, RadioItem } from '@/components/radio';
import Emoji from '@/components/ui/emoji';
import HStack from '@/components/ui/hstack';
import Icon from '@/components/ui/icon';
import Modal from '@/components/ui/modal';
import Spinner from '@/components/ui/spinner';
import Stack from '@/components/ui/stack';
import Toggle from '@/components/ui/toggle';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useFeatures } from '@/hooks/use-features';
import { NewFolderForm } from '@/pages/status-lists/bookmark-folders';
import { useAddBookmarkToFolder, useBookmarkFolders, useRemoveBookmarkFromFolder, useStatusBookmarkFolders } from '@/queries/statuses/use-bookmark-folders';
import { useBookmarkStatus } from '@/queries/statuses/use-status-interactions';
import { makeGetStatus } from '@/selectors';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface SelectBookmarkFolderModalProps {
statusId: string;

14
packages/pl-fe/src/modals/select-drive-file-modal.tsx
View File

@@ -3,15 +3,15 @@ import clsx from 'clsx';
import React, { useMemo } from 'react';
import { FormattedMessage } from 'react-intl';
import ScrollableList from 'pl-fe/components/scrollable-list';
import Icon from 'pl-fe/components/ui/icon';
import Modal from 'pl-fe/components/ui/modal';
import { MIMETYPE_ICONS } from 'pl-fe/components/upload';
import { Breadcrumbs } from 'pl-fe/pages/drive/drive';
import { useDriveFolderQuery } from 'pl-fe/queries/drive/use-drive-folder';
import ScrollableList from '@/components/scrollable-list';
import Icon from '@/components/ui/icon';
import Modal from '@/components/ui/modal';
import { MIMETYPE_ICONS } from '@/components/upload';
import { Breadcrumbs } from '@/pages/drive/drive';
import { useDriveFolderQuery } from '@/queries/drive/use-drive-folder';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
import type { DriveFile, DriveFolder } from 'pl-api';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
type SelectDriveFileModalProps = {
disabled?: Array<string | null>;

12
packages/pl-fe/src/modals/text-field-modal.tsx
View File

@@ -1,13 +1,13 @@
import React, { useState } from 'react';
import { FormattedMessage } from 'react-intl';
import Input from 'pl-fe/components/ui/input';
import Modal from 'pl-fe/components/ui/modal';
import Stack from 'pl-fe/components/ui/stack';
import Textarea from 'pl-fe/components/ui/textarea';
import Input from '@/components/ui/input';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Textarea from '@/components/ui/textarea';
import type { ButtonThemes } from 'pl-fe/components/ui/button/useButtonStyles';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { ButtonThemes } from '@/components/ui/button/useButtonStyles';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
interface TextFieldModalProps {
heading: React.ReactNode;

4
packages/pl-fe/src/modals/unauthorized-modal.test.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { storeOpen } from 'pl-fe/jest/mock-stores';
import { render, screen } from 'pl-fe/jest/test-helpers';
import { storeOpen } from '@/jest/mock-stores';
import { render, screen } from '@/jest/test-helpers';
import UnauthorizedModal from './unauthorized-modal';

28
packages/pl-fe/src/modals/unauthorized-modal.tsx
View File

@@ -2,21 +2,21 @@ import { useNavigate } from '@tanstack/react-router';
import React, { useState } from 'react';
import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
import Button from 'pl-fe/components/ui/button';
import Form from 'pl-fe/components/ui/form';
import Input from 'pl-fe/components/ui/input';
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 { useAppSelector } from 'pl-fe/hooks/use-app-selector';
import { useClient } from 'pl-fe/hooks/use-client';
import { useFeatures } from 'pl-fe/hooks/use-features';
import { useInstance } from 'pl-fe/hooks/use-instance';
import { useRegistrationStatus } from 'pl-fe/hooks/use-registration-status';
import { selectAccount } from 'pl-fe/selectors';
import toast from 'pl-fe/toast';
import Button from '@/components/ui/button';
import Form from '@/components/ui/form';
import Input from '@/components/ui/input';
import Modal from '@/components/ui/modal';
import Stack from '@/components/ui/stack';
import Text from '@/components/ui/text';
import { useAppSelector } from '@/hooks/use-app-selector';
import { useClient } from '@/hooks/use-client';
import { useFeatures } from '@/hooks/use-features';
import { useInstance } from '@/hooks/use-instance';
import { useRegistrationStatus } from '@/hooks/use-registration-status';
import { selectAccount } from '@/selectors';
import toast from '@/toast';
import type { BaseModalProps } from 'pl-fe/features/ui/components/modal-root';
import type { BaseModalProps } from '@/features/ui/components/modal-root';
const messages = defineMessages({
accountPlaceholder: { id: 'remote_interaction.account_placeholder', defaultMessage: 'Enter your username@domain you want to act from' },