Сообщения
39 |нет чатов
50 | )} 51 |
12 |
13 |
14 |
16 | alert(key)}>
17 | Закрепить
18 |
19 | Удалить
20 |
21 |
22 |
23 |
24 | );
25 | };
26 |
--------------------------------------------------------------------------------
/src/components/shared/chat-list/chat-item/chat-item.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { ChatPreview as Preview } from './chat-preview';
4 | import Link from 'next/link';
5 | import { ChatActions as Actions } from './chat-actions';
6 | import { ChatWithMembers, RoutesEnum, UserResponse } from '@/types';
7 |
8 | interface Props {
9 | chat: ChatWithMembers;
10 | me: UserResponse;
11 | hasActions?: boolean;
12 | className?: string;
13 | }
14 |
15 | export const ChatItem: React.FC
21 |
22 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/src/components/shared/chat-list/chat-item/chat-preview.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn, getAbsoluteUrl } from '@/lib/utils';
3 | import { MessageDto } from '@/types';
4 | import { getRelativeTime } from '@/lib/utils';
5 | import { messageTypeData } from './constants';
6 | import { Avatar } from '@/components/ui';
7 |
8 | interface Props {
9 | avatar?: string | null;
10 | name?: string;
11 | lastMessage: MessageDto | null;
12 | lastMessageAuthor: string | null;
13 | className?: string;
14 | }
15 |
16 | export const ChatPreview: React.FC
23 |
30 |
31 | {hasActions &&
27 |
46 | );
47 | };
48 |
--------------------------------------------------------------------------------
/src/components/shared/chat-list/chat-item/constants/index.ts:
--------------------------------------------------------------------------------
1 | export { messageTypeData } from './message-type-data';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat-list/chat-item/constants/message-type-data.ts:
--------------------------------------------------------------------------------
1 | import { MessageTypeEnum } from '@/types';
2 |
3 | export const messageTypeData = {
4 | [MessageTypeEnum.POST]: 'Запись',
5 | [MessageTypeEnum.TEXT]: null,
6 | };
7 |
--------------------------------------------------------------------------------
/src/components/shared/chat-list/chat-item/index.ts:
--------------------------------------------------------------------------------
1 | export { ChatItem } from './chat-item';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat-list/chat-list.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { ChatItem } from './chat-item';
4 | import { DarkLightBlock } from '../../ui/dark-light-block';
5 | import { ChatWithMembers } from '@/types';
6 | import { useGetMe } from '@/lib/hooks';
7 |
8 | interface Props {
9 | hasActions?: boolean;
10 | items?: ChatWithMembers[];
11 | itemsStyles?: string;
12 | className?: string;
13 | }
14 |
15 | export const ChatList: React.FC
28 |
30 |
31 |
45 |
32 | {name}
33 |
34 |
35 |
44 |
36 | {lastMessageAuthor && {lastMessageAuthor}}
37 |
40 |
41 | {getRelativeTime(lastMessage?.createdAt)}
42 |
43 | {lastMessage?.content}
38 | {messageType && {messageType}} 39 |
24 |
25 |
37 | );
38 | };
39 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-head/index.ts:
--------------------------------------------------------------------------------
1 | export { ChatHead } from './chat-head';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-body/index.ts:
--------------------------------------------------------------------------------
1 | export { ChatBody } from './chat-body';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-body/message/components/index.ts:
--------------------------------------------------------------------------------
1 | export { MessageSharedContent as SharedContent } from './message-shared-content';
2 | export { MessageMainContent as MainContent } from './message-main-content';
3 | export { MessageActions as Actions } from './message-actions';
4 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-body/message/components/message-actions.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { DropdownItem, DropdownMenu } from '@nextui-org/react';
3 |
4 | interface Props {
5 | isSender: boolean;
6 | onUpdate: VoidFunction;
7 | deleteMessage: VoidFunction;
8 | }
9 |
10 | export const MessageActions: React.FC
29 |
36 | 31 | 32 | {correspondent.name} 33 | 34 |
35 |
16 |
17 | {author}
18 |
19 |
23 | );
24 | };
25 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-body/message/components/message-shared-content.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { User } from '@nextui-org/react';
4 | import Link from 'next/link';
5 | import { getAbsoluteUrl, getRelativeTime } from '@/lib/utils';
6 | import { Author, RoutesEnum } from '@/types';
7 |
8 | interface Props {
9 | contentPost: string | null;
10 | imagePreview: string | null;
11 | postId: string | null;
12 | postAuthor: Author | null;
13 | postCreatedAt: Date | null;
14 | className?: string;
15 | }
16 |
17 | export const MessageSharedContent: React.FC20 | {content} 21 |
22 |
32 | {postAuthor?.name}}
34 | description={getRelativeTime(postCreatedAt)}
35 | avatarProps={{
36 | src: getAbsoluteUrl(postAuthor?.avatar),
37 | size: 'sm',
38 | }}
39 | className="justify-start"
40 | />
41 | {imagePreview && (
42 | })
47 | )}
48 |
59 | );
60 | };
61 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-body/message/index.ts:
--------------------------------------------------------------------------------
1 | export { Message } from './message';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-fields/index.ts:
--------------------------------------------------------------------------------
1 | export { ChatInput } from './chat-input';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-fields/schemas/index.ts:
--------------------------------------------------------------------------------
1 | export * from './message-schema';
2 |
--------------------------------------------------------------------------------
/src/components/shared/chat/chat-main/chat-fields/schemas/message-schema.ts:
--------------------------------------------------------------------------------
1 | import { z } from 'zod';
2 |
3 | export const messageSchema = z.object({
4 | message: z
5 | .string()
6 | .min(1, { message: 'Текст обязателен' })
7 | .max(1000, { message: 'Не более 1000' }),
8 | });
9 |
10 | export type TMessageSchema = z.infer{contentPost}
49 |
54 |
55 | Открыть пост
56 |
57 |
58 |
39 |
40 |
56 |
57 |
62 | {content}
58 | 59 | {(dayjs.extend(relativeTime), dayjs(createdAt).fromNow())} 60 | 61 |
30 | {items.map((item) => (
31 | {
40 | if (onClickEditComment) onClickEditComment(item);
41 | }}
42 | pageType={pageType}
43 | className="mb-3"
44 | />
45 | ))}
46 |
47 | );
48 | };
49 |
--------------------------------------------------------------------------------
/src/components/shared/comments/index.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Leroyalle/chime-frontend/17641bf79f34b59be20096cdac357e9307b1557f/src/components/shared/comments/index.ts
--------------------------------------------------------------------------------
/src/components/shared/edit/edit-block/edit-block.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { DarkLightBlock } from '../../../ui';
4 | import { ArrowLeft } from 'lucide-react';
5 | import { useRouter } from 'next/navigation';
6 | import { UpdateUserForm } from '../../forms';
7 |
8 | interface Props {
9 | id: string;
10 | name: string;
11 | email: string;
12 | about: string;
13 | avatar: string;
14 | className?: string;
15 | }
16 |
17 | export const EditBlock: React.FC
23 | router.back()} /> Блог
24 |
25 | Редактирование профиля
23 |
13 |
16 | );
17 | };
18 |
--------------------------------------------------------------------------------
/src/components/shared/feed/index.ts:
--------------------------------------------------------------------------------
1 | export { NewFeedWrapper } from './new';
2 | export { PopularFeedWrapper } from './popular';
3 |
--------------------------------------------------------------------------------
/src/components/shared/feed/new/index.ts:
--------------------------------------------------------------------------------
1 | export { NewFeedWrapper } from './new-feed-wrapper';
2 |
--------------------------------------------------------------------------------
/src/components/shared/feed/new/new-feed-wrapper.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React, { useEffect } from 'react';
3 | import { InfinityResponse } from '../../../../types/response';
4 | import { Post } from '../../../../types/dto';
5 | import { useGetMe, useInfinityScrollPosts } from '@/lib/hooks';
6 | import { WritePost } from '../../write-post';
7 | import { PostsList } from '../../posts-list';
8 | import { Spinner } from '@nextui-org/react';
9 | import { EmptyState } from '../../empty-state';
10 | import { useNewMarkSlice } from '@/store';
11 |
12 | interface Props {
13 | initialPosts: InfinityResponse{title}
14 |{text}
15 |
28 |
39 | );
40 | };
41 |
--------------------------------------------------------------------------------
/src/components/shared/feed/popular/index.ts:
--------------------------------------------------------------------------------
1 | export { PopularFeedWrapper } from './popular-feed-wrapper';
2 |
--------------------------------------------------------------------------------
/src/components/shared/feed/popular/popular-feed-wrapper.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React from 'react';
3 | import { InfinityResponse } from '../../../../types/response';
4 | import { Post } from '../../../../types/dto';
5 | import { useGetMe, useInfinityScrollPopularPosts } from '@/lib/hooks';
6 | import { WritePost } from '../../write-post';
7 | import { PostsList } from '../../posts-list';
8 | import { Spinner } from '@nextui-org/react';
9 | import { EmptyState } from '../../empty-state';
10 |
11 | interface Props {
12 | initialPosts: InfinityResponse
25 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/src/components/shared/follows/followers/followers-list.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { Follows } from '@/types';
4 | import { Friend } from '../../friend';
5 | import { DarkLightBlock } from '../../../ui';
6 |
7 | interface Props {
8 | items: Omit-
15 | {items.map((item) => (
16 |
Подписчики
34 |-
15 | {items.map((item) => (
16 |
Подписки
34 |
19 | {name}}
21 | description={
22 |
23 | @{alias}
24 |
25 | }
26 | avatarProps={{
27 | src: getAbsoluteUrl(avatar),
28 | }}
29 | />
30 |
32 | );
33 | };
34 |
--------------------------------------------------------------------------------
/src/components/shared/friend/friends-list.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { Friend } from './friend';
4 | import { DarkLightBlock } from '@/components/ui';
5 | import { Friend as TFriend } from '../../../types/dto';
6 |
7 | interface Props {
8 | items: TFriend[];
9 | className?: string;
10 | }
11 |
12 | export const FriendsList: React.FC-
15 | {items.map((item) => (
16 |
Error
;
31 | }
32 |
33 | if (!data || data.length === 0) {
34 | return Друзья
40 |Аккаунт
22 |{email}
23 |
10 | 
12 |
13 | );
14 |
--------------------------------------------------------------------------------
/src/components/shared/header/components/search/components/index.ts:
--------------------------------------------------------------------------------
1 | export { SearchResults } from './search-results';
2 |
--------------------------------------------------------------------------------
/src/components/shared/header/components/search/components/search-results.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { EmptyState } from './empty-state';
3 | import { Spinner } from '@nextui-org/react';
4 | import { SearchedUsersList } from './searched-users-list';
5 | import { User } from '@/types';
6 |
7 | interface Props {
8 | isFetching: boolean;
9 | searchQuery: string;
10 | users: User[] | undefined;
11 | onClickItem: VoidFunction;
12 | className?: string;
13 | }
14 |
15 | export const SearchResults: React.FCПользователи с таким именем не найдены
11 |
12 | Люди
16 | {users.map((user) => ( 17 | 25 |Мессенджер
12 |Ваши чаты
45 |
29 |
31 | );
32 | }
33 |
34 | return (
35 | <>
36 |
39 |
43 |
12 |
14 | );
15 | };
16 |
--------------------------------------------------------------------------------
/src/components/shared/post-item/components/post-body/post-gallery/index.ts:
--------------------------------------------------------------------------------
1 | export { PostGallery } from './post-gallery';
2 |
--------------------------------------------------------------------------------
/src/components/shared/post-item/components/post-body/post-gallery/post-gallery-button.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 |
4 | interface Props extends React.ButtonHTMLAttributes{content}
13 |
30 |
51 | );
52 | };
53 |
--------------------------------------------------------------------------------
/src/components/shared/post-item/components/post-body/post-gallery/post-gallery.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Image } from '../../../../../../types/dto';
3 | import { PostGalleryItem } from './post-gallery-item';
4 | import {
5 | Dialog,
6 | DialogContent,
7 | DialogDescription,
8 | DialogHeader,
9 | DialogTitle,
10 | } from '@/components/ui';
11 |
12 | interface Props {
13 | currentIndex: number;
14 | images: Image[] | null;
15 | onClickPrev: VoidFunction;
16 | onClickNext: VoidFunction;
17 | isOpen: boolean;
18 | onClose: VoidFunction;
19 | }
20 |
21 | export const PostGallery: React.FC
37 | })
43 |
44 |
23 | {items?.map((image, i) => (
24 | ![]()
onClick(i)}
27 | className="w-full h-full aspect-[1/1] object-cover rounded-md"
28 | src={getAbsoluteUrl(image.url)}
29 | alt={'Post image'}
30 | />
31 | ))}
32 |
33 | );
34 | };
35 |
--------------------------------------------------------------------------------
/src/components/shared/post-item/components/post-body/post-tags.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { Tag } from '../../../../../types/dto';
4 |
5 | interface Props {
6 | tags: Tag[];
7 | className?: string;
8 | }
9 |
10 | export const PostTags: React.FC-
17 | {tags.map((tag) => (
18 |
- 19 | {`#${tag.value}`} 20 | 21 | ))} 22 |
Error
;
25 | }
26 |
27 | return (
28 |
22 |
47 | );
48 | };
49 |
--------------------------------------------------------------------------------
/src/components/shared/providers/auth-guard.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React, { useEffect } from 'react';
3 | import { useRouter } from 'next/navigation';
4 | import { Spinner } from '@nextui-org/react';
5 | import { useGetMe } from '@/lib/hooks';
6 | import Cookies from 'js-cookie';
7 | import { RoutesEnum, TokensEnum } from '@/types';
8 |
9 | interface Props {
10 | children: React.ReactNode;
11 | }
12 |
13 | export const AuthGuard: React.FC
23 |
46 | -
32 |
35 |
- {me.user.followerCount} 36 |
- Подписчики 37 | 38 | 41 |
- {me.user.followingCount} 42 |
- Подписки 43 | 44 |
12 | {title} 13 |
14 | ); 15 | }; 16 | -------------------------------------------------------------------------------- /src/components/shared/sidebar/sidebar-drawer.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { 3 | Sheet, 4 | SheetTrigger, 5 | SheetContent, 6 | SheetHeader, 7 | SheetTitle, 8 | SheetDescription, 9 | DarkLightBlock, 10 | SheetClose, 11 | } from '../../ui'; 12 | import { Sidebar } from './sidebar'; 13 | import { Menu, X } from 'lucide-react'; 14 | 15 | export const SidebarDrawer: React.FC = () => { 16 | return ( 17 |19 |
40 | {isOwner ? (
41 |
42 | Редактировать
43 |
44 | ) : (
45 |
51 | )}
52 | {isOwner ? (
53 |
54 |
65 | );
66 | };
67 |
--------------------------------------------------------------------------------
/src/components/shared/user/profile/user-info.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import Link from 'next/link';
4 | import { ContentTabs } from './content-tabs';
5 | import { RoutesEnum } from '../../../../types';
6 | import dayjs from 'dayjs';
7 |
8 | interface Props {
9 | userId: string;
10 | name: string;
11 | date: string;
12 | about: string | null;
13 | followerCount: number;
14 | followingCount: number;
15 | className?: string;
16 | }
17 |
18 | export const UserInfo: React.FC
29 |
42 | );
43 | };
44 |
--------------------------------------------------------------------------------
/src/components/shared/user/user-wrapper.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React from 'react';
3 | import { cn, getAbsoluteUrl } from '@/lib/utils';
4 | import { DarkLightBlock, Avatar } from '../../ui';
5 | import { UserActions, UserInfo } from './profile';
6 | import { UserResponse } from '../../../types/response';
7 | import { useQuery } from '@tanstack/react-query';
8 | import { Api } from '@/services/api-client';
9 | import { useCreateChat } from '@/lib/hooks';
10 |
11 | interface Props {
12 | initialData: UserResponse;
13 | className?: string;
14 | }
15 |
16 | export const UserWrapper: React.FC{name}
30 |На сайте с {dayjs(date).format('DD.MM.YYYY')}
31 | {about &&{about}
} 32 |
33 |
34 | {followerCount} подписчиков
35 |
36 |
37 | {followingCount} подписки
38 |
39 |
40 | Профиль пользователя
26 |
28 |
52 |
29 |
43 |
18 | {selectedFiles.map((file, i) => (
19 |
36 | );
37 | };
38 |
--------------------------------------------------------------------------------
/src/components/shared/write-post/write-post-actions.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { Camera, Hash } from 'lucide-react';
4 | import { SelectImage } from '../select-image';
5 | import { Button } from '@/components/ui';
6 | import { Button as ButtonUI } from '@nextui-org/react';
7 |
8 | interface Props {
9 | isPendingCreate?: boolean;
10 | tagsIsOpen: boolean;
11 | setTagsIsOpen: React.Dispatch
25 | })
30 |
33 |
34 | ))}
35 |
25 |
48 | Отправить
49 |
50 |
51 | );
52 | };
53 |
--------------------------------------------------------------------------------
/src/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import { Avatar as NextUIAvatar } from '@nextui-org/react';
3 |
4 | export const Avatar = NextUIAvatar;
5 |
--------------------------------------------------------------------------------
/src/components/ui/badge.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 | import { cva, type VariantProps } from "class-variance-authority"
3 |
4 | import { cn } from "@/lib/utils"
5 |
6 | const badgeVariants = cva(
7 | "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
8 | {
9 | variants: {
10 | variant: {
11 | default:
12 | "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
13 | secondary:
14 | "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15 | destructive:
16 | "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
17 | outline: "text-foreground",
18 | },
19 | },
20 | defaultVariants: {
21 | variant: "default",
22 | },
23 | }
24 | )
25 |
26 | export interface BadgeProps
27 | extends React.HTMLAttributes
26 |
38 |
46 |
47 | {children}
;
11 | };
12 |
--------------------------------------------------------------------------------
/src/components/ui/dark-light-block.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactNode } from 'react';
2 | import { cn } from '@/lib/utils';
3 |
4 | interface Props {
5 | children: ReactNode;
6 | className?: string;
7 | }
8 |
9 | export const DarkLightBlock: React.FC{children}
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/src/components/ui/editable-message.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import { X } from 'lucide-react';
4 |
5 | interface Props {
6 | title: string;
7 | text: string;
8 | onClose: VoidFunction;
9 | className?: string;
10 | }
11 |
12 | export const EditableMessage: React.FC
15 |
27 | );
28 | };
29 |
--------------------------------------------------------------------------------
/src/components/ui/index.ts:
--------------------------------------------------------------------------------
1 | export { Container } from './container';
2 | export { Avatar } from './avatar';
3 | export { DarkLightBlock } from './dark-light-block';
4 | export { ListNavElement } from './list-nav-element';
5 | export { MotionDiv } from './motion-div';
6 | export { OpacityAnimateBlock } from './opacity-animate-block';
7 | export { EditableMessage } from './editable-message';
8 | export { MultipleSelectorCreatable } from './multiple-selector-creatable';
9 | export { Checkbox } from './checkbox';
10 | export { Button } from './button';
11 | export { Toaster } from './sonner';
12 | export { Logo } from './logo';
13 | export { Line } from './line';
14 | export { Loader } from './loader';
15 | export * from './tabs';
16 | export * from './sheet';
17 | export * from './dialog';
18 | export * from './form';
19 | export * from './shadcn-expendsions';
20 |
--------------------------------------------------------------------------------
/src/components/ui/label.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as LabelPrimitive from "@radix-ui/react-label"
5 | import { cva, type VariantProps } from "class-variance-authority"
6 |
7 | import { cn } from "@/lib/utils"
8 |
9 | const labelVariants = cva(
10 | "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
11 | )
12 |
13 | const Label = React.forwardRef<
14 | React.ElementRef
20 | {title}
21 |
23 |
26 | {text}
22 |
12 |
14 | );
15 | };
16 |
--------------------------------------------------------------------------------
/src/components/ui/logo.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { cn } from '@/lib/utils';
3 | import Link from 'next/link';
4 | import { RoutesEnum } from '@/types';
5 |
6 | interface Props {
7 | className?: string;
8 | }
9 |
10 | export const Logo: React.FC
16 | Chime
17 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/src/components/ui/motion-div.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import { motion } from 'framer-motion';
3 |
4 | export const MotionDiv = motion.div;
5 |
--------------------------------------------------------------------------------
/src/components/ui/multiple-selector-creatable.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MultipleSelector, { Option } from './shadcn-expendsions';
3 | import { cn } from '@/lib/utils';
4 |
5 | interface Props {
6 | value: Option[];
7 | setValue: (value: Option[]) => void;
8 | className?: string;
9 | }
10 |
11 | export const MultipleSelectorCreatable = ({ value, setValue, className }: Props) => {
12 | return (
13 |
14 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/src/components/ui/opacity-animate-block.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { MotionDiv } from './motion-div';
3 |
4 | interface Props {
5 | duration?: number;
6 | delay?: number;
7 | children: React.ReactNode;
8 | className?: string;
9 | }
10 |
11 | export const OpacityAnimateBlock: React.FC