diff --git a/src/entities/featureFlag/index.ts b/src/entities/featureFlag/index.ts index 56d595419..98fa559cf 100644 --- a/src/entities/featureFlag/index.ts +++ b/src/entities/featureFlag/index.ts @@ -15,5 +15,6 @@ export { featureFlagHandlers } from './api/__mocks__'; export { featureFlagsMock } from './api/__mocks__'; export { FeatureFlagForm } from './ui/FeatureFlagForm/FeatureFlagForm'; export { clientTypes } from './model/constants/featureFlags'; +export { featureFlagsMock } from './api/__mocks__/data/featureFlagsMock'; export { featureFlagReducer } from './model/slices/featureFlagSlice'; export type { FeatureFlagState } from './model/slices/featureFlagSlice'; diff --git a/src/entities/referralLink/index.ts b/src/entities/referralLink/index.ts index 0096b1047..6a55b8d0e 100644 --- a/src/entities/referralLink/index.ts +++ b/src/entities/referralLink/index.ts @@ -12,10 +12,15 @@ export type { export type { ReferralLinksFilterParams, ReferralLinksFilterOrderBy } from './model/types/filters'; export { ReferralLinkCard } from './ui/ReferralLinkCard/ReferralLinkCard'; +export { ReferralLinkCardSkeleton } from './ui/ReferralLinkCard/ReferralLinkCard.skeleton'; export { ReferralLinkSum } from './ui/ReferralLinkSum/ReferralLinkSum'; +export { ReferralLinkSumSkeleton } from './ui/ReferralLinkSum/ReferralLinkSum.skeleton'; export { ReferralLinkCount } from './ui/ReferralLinkCount/ReferralLinkCount'; +export { ReferralLinkCountSkeleton } from './ui/ReferralLinkCount/ReferralLinkCount.skeleton'; export { ReferralLinkDate } from './ui/ReferralLinkDate/ReferralLinkDate'; +export { ReferralLinkDateSkeleton } from './ui/ReferralLinkDate/ReferralLinkDate.skeleton'; export { ReferralLinkOwner } from './ui/ReferralLinkOwner/ReferralLinkOwner'; +export { ReferralLinkOwnerSkeleton } from './ui/ReferralLinkOwner/ReferralLinkOwner.skeleton'; export { ReferralLinkForm } from './ui/ReferralLinkForm/ReferralLinkForm'; export { referralLinksHandlers } from './api/__mocks__'; diff --git a/src/entities/referralLink/ui/ReferralLinkCard/ReferralLinkCard.skeleton.tsx b/src/entities/referralLink/ui/ReferralLinkCard/ReferralLinkCard.skeleton.tsx new file mode 100644 index 000000000..d7f3fea18 --- /dev/null +++ b/src/entities/referralLink/ui/ReferralLinkCard/ReferralLinkCard.skeleton.tsx @@ -0,0 +1,16 @@ +import { CardSkeleton } from '@/shared/ui/Card'; +import { Flex } from '@/shared/ui/Flex'; +import { TextSkeleton } from '@/shared/ui/Text'; + +import styles from './ReferralLinkCard.module.css'; + +export const ReferralLinkCardSkeleton = () => { + return ( + + + + + + + ); +}; diff --git a/src/entities/referralLink/ui/ReferralLinkCount/ReferralLinkCount.skeleton.tsx b/src/entities/referralLink/ui/ReferralLinkCount/ReferralLinkCount.skeleton.tsx new file mode 100644 index 000000000..93d301be4 --- /dev/null +++ b/src/entities/referralLink/ui/ReferralLinkCount/ReferralLinkCount.skeleton.tsx @@ -0,0 +1,12 @@ +import { ChipSkeleton } from '@/shared/ui/Chip'; +import { Flex } from '@/shared/ui/Flex'; +import { TextSkeleton } from '@/shared/ui/Text'; + +export const ReferralLinkCountSkeleton = () => { + return ( + + + + + ); +}; diff --git a/src/entities/referralLink/ui/ReferralLinkDate/ReferralLinkDate.skeleton.tsx b/src/entities/referralLink/ui/ReferralLinkDate/ReferralLinkDate.skeleton.tsx new file mode 100644 index 000000000..7be1f2341 --- /dev/null +++ b/src/entities/referralLink/ui/ReferralLinkDate/ReferralLinkDate.skeleton.tsx @@ -0,0 +1,12 @@ +import { ChipSkeleton } from '@/shared/ui/Chip'; +import { Flex } from '@/shared/ui/Flex'; +import { TextSkeleton } from '@/shared/ui/Text'; + +export const ReferralLinkDateSkeleton = () => { + return ( + + + + + ); +}; diff --git a/src/entities/referralLink/ui/ReferralLinkOwner/ReferralLinkOwner.skeleton.tsx b/src/entities/referralLink/ui/ReferralLinkOwner/ReferralLinkOwner.skeleton.tsx new file mode 100644 index 000000000..e3390c73a --- /dev/null +++ b/src/entities/referralLink/ui/ReferralLinkOwner/ReferralLinkOwner.skeleton.tsx @@ -0,0 +1,11 @@ +import { Flex } from '@/shared/ui/Flex'; +import { TextSkeleton } from '@/shared/ui/Text'; + +export const ReferralLinkOwnerSkeleton = () => { + return ( + + + + + ); +}; diff --git a/src/entities/referralLink/ui/ReferralLinkSum/ReferralLinkSum.skeleton.tsx b/src/entities/referralLink/ui/ReferralLinkSum/ReferralLinkSum.skeleton.tsx new file mode 100644 index 000000000..d8ceabf83 --- /dev/null +++ b/src/entities/referralLink/ui/ReferralLinkSum/ReferralLinkSum.skeleton.tsx @@ -0,0 +1,12 @@ +import { ChipSkeleton } from '@/shared/ui/Chip'; +import { Flex } from '@/shared/ui/Flex'; +import { TextSkeleton } from '@/shared/ui/Text'; + +export const ReferralLinkSumSkeleton = () => { + return ( + + + + + ); +}; diff --git a/src/entities/user/index.ts b/src/entities/user/index.ts index 03301a30c..b470ffe0b 100644 --- a/src/entities/user/index.ts +++ b/src/entities/user/index.ts @@ -34,6 +34,7 @@ export type { GetUsersRatingResponse, GetUsersRatingStatsResponse, } from './model/types/usersRating'; +export { usersRatingHandlers, userRolesMock } from './__mocks__'; export { usersRatingHandlers, userHandlers, userRolesMock } from './__mocks__'; export { UserRolesListField } from './ui/UserRolesListField/UserRolesListField'; diff --git a/src/features/referralLinks/deleteReferralLink/index.ts b/src/features/referralLinks/deleteReferralLink/index.ts index 5ddfa6506..5d3f4a65c 100644 --- a/src/features/referralLinks/deleteReferralLink/index.ts +++ b/src/features/referralLinks/deleteReferralLink/index.ts @@ -1,2 +1,4 @@ export { DeleteReferralLinkButton } from './ui/DeleteReferralLinkButton/DeleteReferralLinkButton'; +export { DeleteReferralLinkModal } from './ui/DeleteReferralLinkModal/DeleteReferralLinkModal'; +export { DeleteReferralLinkButtonSkeleton } from './ui/DeleteReferralLinkButton/DeleteReferralLinkButton.skeleton'; export { referralLinkDeleteHandlers } from './api/__mocks__/index'; diff --git a/src/features/referralLinks/deleteReferralLink/ui/DeleteReferralLinkButton/DeleteReferralLinkButton.skeleton.tsx b/src/features/referralLinks/deleteReferralLink/ui/DeleteReferralLinkButton/DeleteReferralLinkButton.skeleton.tsx new file mode 100644 index 000000000..3bba32b43 --- /dev/null +++ b/src/features/referralLinks/deleteReferralLink/ui/DeleteReferralLinkButton/DeleteReferralLinkButton.skeleton.tsx @@ -0,0 +1,5 @@ +import { Skeleton } from '@/shared/ui/Skeleton'; + +export const DeleteReferralLinkButtonSkeleton = () => { + return ; +}; diff --git a/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPage.tsx b/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPage.tsx index ded98a33e..a53507bc9 100644 --- a/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPage.tsx +++ b/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPage.tsx @@ -5,6 +5,7 @@ import { useGetReferralLinkByIdQuery } from '@/entities/referralLink'; import { PageWrapper, PageWrapperStubs } from '@/widgets/PageWrapper'; import { ReferralLinkDetailPageContent } from './ReferralLinkDetailPageContent'; +import { ReferralLinkDetailPageContentSkeleton } from './ReferralLinkDetailPageContent.skeleton'; const ReferralLinkDetailPage = () => { const { referralLinkId = '' } = useParams<{ referralLinkId: string }>(); @@ -28,6 +29,7 @@ const ReferralLinkDetailPage = () => { return ( } hasError={isError} hasData={hasData} roles={['admin']} diff --git a/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPageContent.skeleton.tsx b/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPageContent.skeleton.tsx new file mode 100644 index 000000000..4a1c6e5d8 --- /dev/null +++ b/src/pages/admin/referralLink/ReferalLinkDetail/ui/ReferralLinkDetailPage/ReferralLinkDetailPageContent.skeleton.tsx @@ -0,0 +1,24 @@ +import { BackHeaderSkeleton } from '@/shared/ui/BackHeader'; +import { ButtonSkeleton } from '@/shared/ui/Button'; +import { Flex } from '@/shared/ui/Flex'; + +import { ReferralLinkCardSkeleton } from '@/entities/referralLink'; + +import { DeleteReferralLinkButtonSkeleton } from '@/features/referralLinks/deleteReferralLink'; + +import { ReferralLinkAdditionalInfoSkeleton } from '@/widgets/referralLink/ReferralLinkAdditionalInfo'; + +export const ReferralLinkDetailPageContentSkeleton = () => { + return ( + <> + + + + + + + + + + ); +}; diff --git a/src/widgets/referralLink/ReferralLinkAdditionalInfo/index.ts b/src/widgets/referralLink/ReferralLinkAdditionalInfo/index.ts index 931b8f4f5..eff4d60cf 100644 --- a/src/widgets/referralLink/ReferralLinkAdditionalInfo/index.ts +++ b/src/widgets/referralLink/ReferralLinkAdditionalInfo/index.ts @@ -1 +1,2 @@ export { ReferralLinkAdditionalInfo } from './ui/ReferralLinkAdditionalInfo'; +export { ReferralLinkAdditionalInfoSkeleton } from './ui/ReferralLinkAdditionalInfo.skeleton'; diff --git a/src/widgets/referralLink/ReferralLinkAdditionalInfo/ui/ReferralLinkAdditionalInfo.skeleton.tsx b/src/widgets/referralLink/ReferralLinkAdditionalInfo/ui/ReferralLinkAdditionalInfo.skeleton.tsx new file mode 100644 index 000000000..30575bb76 --- /dev/null +++ b/src/widgets/referralLink/ReferralLinkAdditionalInfo/ui/ReferralLinkAdditionalInfo.skeleton.tsx @@ -0,0 +1,25 @@ +import { CardSkeleton } from '@/shared/ui/Card'; +import { Flex } from '@/shared/ui/Flex'; + +import { + ReferralLinkCountSkeleton, + ReferralLinkDateSkeleton, + ReferralLinkOwnerSkeleton, + ReferralLinkSumSkeleton, +} from '@/entities/referralLink'; + +import styles from './ReferralLinkAdditionalInfo.module.css'; + +export const ReferralLinkAdditionalInfoSkeleton = () => { + return ( + + + + + + + + + + ); +};