muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

removed player reducer, migrated to CRA 5

Browse source
This commit is contained in:
Fedor Katurov 2022-01-07 18:32:22 +07:00
parent 88f8fe21f7
commit 558e8f8a4f
211 changed files with 7131 additions and 10318 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/containers/App.tsx
View file

@ -13,8 +13,9 @@ import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider';
import { observer } from 'mobx-react';
import { useGlobalLoader } from '~/hooks/dom/useGlobalLoader';
import { SearchProvider } from '~/utils/providers/SearchProvider';
import { Toaster } from 'react-hot-toast';
import { ToastProvider } from '~/utils/providers/ToastProvider';
import { AudioPlayerProvider } from '~/utils/providers/AudioPlayerProvider';
import { MetadataProvider } from '~/utils/providers/MetadataProvider';
const App: VFC = observer(() => {
useGlobalLoader();
@ -26,14 +27,18 @@ const App: VFC = observer(() => {
<DragDetectorProvider>
<PageCoverProvider>
<SearchProvider>
<MainLayout>
<ToastProvider />
<Modal />
<Sprites />
<AudioPlayerProvider>
<MetadataProvider>
<MainLayout>
<ToastProvider />
<Modal />
<Sprites />
<MainRouter />
</MainLayout>
<BottomContainer />
<MainRouter />
</MainLayout>
<BottomContainer />
</MetadataProvider>
</AudioPlayerProvider>
</SearchProvider>
</PageCoverProvider>
</DragDetectorProvider>

20
src/containers/boris/BorisComments/index.tsx
View file

@ -1,13 +1,13 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import { Group } from '~/components/containers/Group';
import { NodeCommentForm } from '~/components/node/NodeCommentForm';
import { NodeNoComments } from '~/components/node/NodeNoComments';
import { NodeComments } from '~/containers/node/NodeComments';
import { Footer } from '~/components/main/Footer';
import { CommentContextProvider, useCommentContext } from '~/utils/context/CommentContextProvider';
import { useUserContext } from '~/utils/context/UserContextProvider';
import { useNodeContext } from '~/utils/context/NodeContextProvider';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import { Group } from "~/components/containers/Group";
import { NodeCommentForm } from "~/components/node/NodeCommentForm";
import { NodeNoComments } from "~/components/node/NodeNoComments";
import { NodeComments } from "~/containers/node/NodeComments";
import { Footer } from "~/components/main/Footer";
import { CommentContextProvider, useCommentContext } from "~/utils/context/CommentContextProvider";
import { useUserContext } from "~/utils/context/UserContextProvider";
import { useNodeContext } from "~/utils/context/NodeContextProvider";
interface IProps {}

10
src/containers/dialogs/BetterScrollDialog/index.tsx
View file

@ -1,8 +1,8 @@
import React, { FC, MouseEventHandler, useEffect, useRef } from 'react';
import styles from './styles.module.scss';
import { clearAllBodyScrollLocks, disableBodyScroll } from 'body-scroll-lock';
import { Icon } from '~/components/input/Icon';
import { LoaderCircle } from '~/components/input/LoaderCircle';
import React, { FC, MouseEventHandler, useEffect, useRef } from "react";
import styles from "./styles.module.scss";
import { clearAllBodyScrollLocks, disableBodyScroll } from "body-scroll-lock";
import { Icon } from "~/components/input/Icon";
import { LoaderCircle } from "~/components/input/LoaderCircle";
interface IProps {
children: React.ReactChild;

38
src/containers/dialogs/EditorDialog/index.tsx
View file

@ -1,22 +1,22 @@
import React, { createElement, FC, useCallback, useMemo, useState } from 'react';
import styles from './styles.module.scss';
import { NODE_EDITORS } from '~/constants/node';
import { BetterScrollDialog } from '../BetterScrollDialog';
import { CoverBackdrop } from '~/components/containers/CoverBackdrop';
import { prop } from 'ramda';
import { useNodeFormFormik } from '~/hooks/node/useNodeFormFormik';
import { EditorButtons } from '~/components/editors/EditorButtons';
import { UploadSubject, UploadTarget } from '~/constants/uploads';
import { FormikProvider } from 'formik';
import { INode } from '~/redux/types';
import { ModalWrapper } from '~/components/dialogs/ModalWrapper';
import { useTranslatedError } from '~/hooks/data/useTranslatedError';
import { useCloseOnEscape } from '~/hooks';
import { EditorConfirmClose } from '~/components/editors/EditorConfirmClose';
import { IDialogProps } from '~/types/modal';
import { useUploader } from '~/hooks/data/useUploader';
import { UploaderContextProvider } from '~/utils/context/UploaderContextProvider';
import { observer } from 'mobx-react-lite';
import React, { createElement, FC, useCallback, useMemo, useState } from "react";
import styles from "./styles.module.scss";
import { NODE_EDITORS } from "~/constants/node";
import { BetterScrollDialog } from "../BetterScrollDialog";
import { CoverBackdrop } from "~/components/containers/CoverBackdrop";
import { prop } from "ramda";
import { useNodeFormFormik } from "~/hooks/node/useNodeFormFormik";
import { EditorButtons } from "~/components/editors/EditorButtons";
import { UploadSubject, UploadTarget } from "~/constants/uploads";
import { FormikProvider } from "formik";
import { INode } from "~/redux/types";
import { ModalWrapper } from "~/components/dialogs/ModalWrapper";
import { useTranslatedError } from "~/hooks/data/useTranslatedError";
import { useCloseOnEscape } from "~/hooks";
import { EditorConfirmClose } from "~/components/editors/EditorConfirmClose";
import { IDialogProps } from "~/types/modal";
import { useUploader } from "~/hooks/data/useUploader";
import { UploaderContextProvider } from "~/utils/context/UploaderContextProvider";
import { observer } from "mobx-react-lite";
interface Props extends IDialogProps {
node: INode;

12
src/containers/dialogs/LoginDialogButtons/index.tsx
View file

@ -1,9 +1,9 @@
import React, { FC, MouseEventHandler } from 'react';
import { Button } from '~/components/input/Button';
import { Grid } from '~/components/containers/Grid';
import { Group } from '~/components/containers/Group';
import styles from './styles.module.scss';
import { ISocialProvider } from '~/redux/auth/types';
import React, { FC, MouseEventHandler } from "react";
import { Button } from "~/components/input/Button";
import { Grid } from "~/components/containers/Grid";
import { Group } from "~/components/containers/Group";
import styles from "./styles.module.scss";
import { ISocialProvider } from "~/redux/auth/types";
interface IProps {
openOauthWindow: (provider: ISocialProvider) => MouseEventHandler;

6
src/containers/dialogs/LoginSocialRegisterButtons/index.tsx
View file

@ -1,6 +1,6 @@
import React, { FC } from 'react';
import { Button } from '~/components/input/Button';
import styles from './styles.module.scss';
import React, { FC } from "react";
import { Button } from "~/components/input/Button";
import styles from "./styles.module.scss";
interface IProps {}

12
src/containers/dialogs/Modal/index.tsx
View file

@ -1,9 +1,9 @@
import React, { FC } from 'react';
import { ModalWrapper } from '~/components/dialogs/ModalWrapper';
import { DIALOG_CONTENT } from '~/constants/modal';
import { useModalStore } from '~/store/modal/useModalStore';
import { has } from 'ramda';
import { observer } from 'mobx-react-lite';
import React, { FC } from "react";
import { ModalWrapper } from "~/components/dialogs/ModalWrapper";
import { DIALOG_CONTENT } from "~/constants/modal";
import { useModalStore } from "~/store/modal/useModalStore";
import { has } from "ramda";
import { observer } from "mobx-react-lite";
type IProps = {};

6
src/containers/dialogs/TestDialog/index.tsx
View file

@ -1,6 +1,6 @@
import React, { FC } from 'react';
import { BetterScrollDialog } from '../BetterScrollDialog';
import styles from './styles.module.scss';
import React, { FC } from "react";
import { BetterScrollDialog } from "../BetterScrollDialog";
import styles from "./styles.module.scss";
interface IProps {}

26
src/containers/flow/FlowStamp/index.tsx
View file

@ -1,17 +1,17 @@
import React, { FC, FormEvent, useCallback, useMemo } from 'react';
import { InputText } from '~/components/input/InputText';
import { FlowRecent } from '~/components/flow/FlowRecent';
import React, { FC, FormEvent, useCallback, useMemo } from "react";
import { InputText } from "~/components/input/InputText";
import { FlowRecent } from "~/components/flow/FlowRecent";
import styles from '~/containers/flow/FlowStamp/styles.module.scss';
import { FlowSearchResults } from '~/components/flow/FlowSearchResults';
import { Icon } from '~/components/input/Icon';
import { Group } from '~/components/containers/Group';
import { Toggle } from '~/components/input/Toggle';
import classNames from 'classnames';
import { Superpower } from '~/components/boris/Superpower';
import { experimentalFeatures } from '~/constants/features';
import { useSearchContext } from '~/utils/providers/SearchProvider';
import { useFlowContext } from '~/utils/context/FlowContextProvider';
import styles from "~/containers/flow/FlowStamp/styles.module.scss";
import { FlowSearchResults } from "~/components/flow/FlowSearchResults";
import { Icon } from "~/components/input/Icon";
import { Group } from "~/components/containers/Group";
import { Toggle } from "~/components/input/Toggle";
import classNames from "classnames";
import { Superpower } from "~/components/boris/Superpower";
import { experimentalFeatures } from "~/constants/features";
import { useSearchContext } from "~/utils/providers/SearchProvider";
import { useFlowContext } from "~/utils/context/FlowContextProvider";
interface IProps {
isFluid: boolean;

16
src/containers/lab/LabGrid/index.tsx
View file

@ -1,11 +1,11 @@
import React, { FC } from 'react';
import Masonry from 'react-masonry-css';
import styles from './styles.module.scss';
import { LabNode } from '~/components/lab/LabNode';
import { EMPTY_NODE, NODE_TYPES } from '~/constants/node';
import { values } from 'ramda';
import { useLabContext } from '~/utils/context/LabContextProvider';
import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
import React, { FC } from "react";
import Masonry from "react-masonry-css";
import styles from "./styles.module.scss";
import { LabNode } from "~/components/lab/LabNode";
import { EMPTY_NODE, NODE_TYPES } from "~/constants/node";
import { values } from "ramda";
import { useLabContext } from "~/utils/context/LabContextProvider";
import { InfiniteScroll } from "~/components/containers/InfiniteScroll";
interface IProps {}

18
src/containers/lab/LabStats/index.tsx
View file

@ -1,12 +1,12 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import { LabBanner } from '~/components/lab/LabBanner';
import { Group } from '~/components/containers/Group';
import { LabTags } from '~/components/lab/LabTags';
import { LabHeroes } from '~/components/lab/LabHeroes';
import { FlowRecentItem } from '~/components/flow/FlowRecentItem';
import { SubTitle } from '~/components/common/SubTitle';
import { useLabContext } from '~/utils/context/LabContextProvider';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import { LabBanner } from "~/components/lab/LabBanner";
import { Group } from "~/components/containers/Group";
import { LabTags } from "~/components/lab/LabTags";
import { LabHeroes } from "~/components/lab/LabHeroes";
import { FlowRecentItem } from "~/components/flow/FlowRecentItem";
import { SubTitle } from "~/components/common/SubTitle";
import { useLabContext } from "~/utils/context/LabContextProvider";
interface IProps {}

6
src/containers/main/BottomContainer/index.tsx
View file

@ -1,6 +1,6 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import { PlayerView } from '~/containers/player/PlayerView';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import { PlayerView } from "~/containers/player/PlayerView";
type IProps = {};

6
src/containers/main/Container/index.tsx
View file

@ -1,6 +1,6 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import classNames from 'classnames';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import classNames from "classnames";
interface IProps {
className?: string;

22
src/containers/main/MainRouter/index.tsx
View file

@ -1,14 +1,14 @@
import React, { FC } from 'react';
import { URLS } from '~/constants/urls';
import { ErrorNotFound } from '~/containers/pages/ErrorNotFound';
import { Redirect, Route, Switch, useLocation } from 'react-router';
import { useShallowSelect } from '~/hooks/data/useShallowSelect';
import { selectAuthUser } from '~/redux/auth/selectors';
import { ProfileLayout } from '~/layouts/ProfileLayout';
import FlowPage from '~/pages';
import BorisPage from '~/pages/boris';
import NodePage from '~/pages/node/[id]';
import LabPage from '~/pages/lab';
import React, { FC } from "react";
import { URLS } from "~/constants/urls";
import { ErrorNotFound } from "~/containers/pages/ErrorNotFound";
import { Redirect, Route, Switch, useLocation } from "react-router";
import { useShallowSelect } from "~/hooks/data/useShallowSelect";
import { selectAuthUser } from "~/redux/auth/selectors";
import { ProfileLayout } from "~/layouts/ProfileLayout";
import FlowPage from "~/pages";
import BorisPage from "~/pages/boris";
import NodePage from "~/pages/node/[id]";
import LabPage from "~/pages/lab";
interface IProps {}

16
src/containers/main/SidebarRouter/index.tsx
View file

@ -1,11 +1,11 @@
import React, { FC } from 'react';
import { createPortal } from 'react-dom';
import { Route, Switch } from 'react-router';
import { TagSidebar } from '~/containers/sidebars/TagSidebar';
import { ProfileSidebar } from '~/containers/sidebars/ProfileSidebar';
import { Authorized } from '~/components/containers/Authorized';
import { SubmitBar } from '~/components/bars/SubmitBar';
import { EditorCreateDialog } from '~/containers/dialogs/EditorCreateDialog';
import React, { FC } from "react";
import { createPortal } from "react-dom";
import { Route, Switch } from "react-router";
import { TagSidebar } from "~/containers/sidebars/TagSidebar";
import { ProfileSidebar } from "~/containers/sidebars/ProfileSidebar";
import { Authorized } from "~/components/containers/Authorized";
import { SubmitBar } from "~/components/bars/SubmitBar";
import { EditorCreateDialog } from "~/containers/dialogs/EditorCreateDialog";
interface IProps {
prefix?: string;

34
src/containers/node/NodeBottomBlock/index.tsx
View file

@ -1,20 +1,20 @@
import React, { FC } from 'react';
import { NodeDeletedBadge } from '~/components/node/NodeDeletedBadge';
import { Group } from '~/components/containers/Group';
import { Padder } from '~/components/containers/Padder';
import { NodeCommentForm } from '~/components/node/NodeCommentForm';
import { NodeRelatedBlock } from '~/components/node/NodeRelatedBlock';
import { useNodeBlocks } from '~/hooks/node/useNodeBlocks';
import { NodeTagsBlock } from '~/components/node/NodeTagsBlock';
import StickyBox from 'react-sticky-box/dist/esnext';
import styles from './styles.module.scss';
import { NodeAuthorBlock } from '~/components/node/NodeAuthorBlock';
import { useNodeContext } from '~/utils/context/NodeContextProvider';
import { useCommentContext } from '~/utils/context/CommentContextProvider';
import { NodeNoComments } from '~/components/node/NodeNoComments';
import { NodeComments } from '~/containers/node/NodeComments';
import { useUserContext } from '~/utils/context/UserContextProvider';
import { useNodeRelatedContext } from '~/utils/context/NodeRelatedContextProvider';
import React, { FC } from "react";
import { NodeDeletedBadge } from "~/components/node/NodeDeletedBadge";
import { Group } from "~/components/containers/Group";
import { Padder } from "~/components/containers/Padder";
import { NodeCommentForm } from "~/components/node/NodeCommentForm";
import { NodeRelatedBlock } from "~/components/node/NodeRelatedBlock";
import { useNodeBlocks } from "~/hooks/node/useNodeBlocks";
import { NodeTagsBlock } from "~/components/node/NodeTagsBlock";
import StickyBox from "react-sticky-box/dist/esnext";
import styles from "./styles.module.scss";
import { NodeAuthorBlock } from "~/components/node/NodeAuthorBlock";
import { useNodeContext } from "~/utils/context/NodeContextProvider";
import { useCommentContext } from "~/utils/context/CommentContextProvider";
import { NodeNoComments } from "~/components/node/NodeNoComments";
import { NodeComments } from "~/containers/node/NodeComments";
import { useUserContext } from "~/utils/context/UserContextProvider";
import { useNodeRelatedContext } from "~/utils/context/NodeRelatedContextProvider";
interface IProps {
commentsOrder: 'ASC' | 'DESC';

18
src/containers/node/NodeComments/index.tsx
View file

@ -1,13 +1,13 @@
import React, { FC, memo, useMemo } from 'react';
import React, { FC, memo, useMemo } from "react";
import styles from './styles.module.scss';
import { ICommentGroup } from '~/redux/types';
import { canEditComment } from '~/utils/node';
import { useGrouppedComments } from '~/hooks/node/useGrouppedComments';
import { useCommentContext } from '~/utils/context/CommentContextProvider';
import { Comment } from '~/components/comment/Comment';
import { useUserContext } from '~/utils/context/UserContextProvider';
import { useNodeContext } from '~/utils/context/NodeContextProvider';
import styles from "./styles.module.scss";
import { ICommentGroup } from "~/redux/types";
import { canEditComment } from "~/utils/node";
import { useGrouppedComments } from "~/hooks/node/useGrouppedComments";
import { useCommentContext } from "~/utils/context/CommentContextProvider";
import { Comment } from "~/components/comment/Comment";
import { useUserContext } from "~/utils/context/UserContextProvider";
import { useNodeContext } from "~/utils/context/NodeContextProvider";
interface IProps {
order: 'ASC' | 'DESC';

17
src/containers/player/PlayerView/index.tsx
View file

@ -1,19 +1,20 @@
import React, { VFC } from 'react';
import { PlayerBar } from '~/components/bars/PlayerBar';
import { usePlayer } from '~/hooks/player/usePlayer';
import React, { VFC } from "react";
import { PlayerBar } from "~/components/bars/PlayerBar";
import { useAudioPlayer } from "~/utils/providers/AudioPlayerProvider";
interface PlayerViewProps {}
const PlayerView: VFC<PlayerViewProps> = () => {
const { status, file, onPlayerSeek, onPlayerStop, onPlayerPause, onPlayerPlay } = usePlayer();
const { file, play, toPercent: seek, stop, pause, status, progress } = useAudioPlayer();
return (
<PlayerBar
progress={progress}
status={status}
playerPlay={onPlayerPlay}
playerPause={onPlayerPause}
playerSeek={onPlayerSeek}
playerStop={onPlayerStop}
playerPlay={play}
playerPause={pause}
playerSeek={seek}
playerStop={stop}
file={file}
/>
);

16
src/containers/profile/ProfileInfo/index.tsx
View file

@ -1,11 +1,11 @@
import React, { FC, ReactNode } from 'react';
import { IAuthState, IUser } from '~/redux/auth/types';
import styles from './styles.module.scss';
import { Group } from '~/components/containers/Group';
import { Placeholder } from '~/components/placeholders/Placeholder';
import { getPrettyDate } from '~/utils/dom';
import { ProfileTabs } from '../ProfileTabs';
import { ProfileAvatar } from '../ProfileAvatar';
import React, { FC, ReactNode } from "react";
import { IAuthState, IUser } from "~/redux/auth/types";
import styles from "./styles.module.scss";
import { Group } from "~/components/containers/Group";
import { Placeholder } from "~/components/placeholders/Placeholder";
import { getPrettyDate } from "~/utils/dom";
import { ProfileTabs } from "../ProfileTabs";
import { ProfileAvatar } from "../ProfileAvatar";
interface IProps {
user?: IUser;

6
src/containers/profile/ProfileLoader/index.tsx
View file

@ -1,6 +1,6 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import { LoaderCircle } from '~/components/input/LoaderCircle';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import { LoaderCircle } from "~/components/input/LoaderCircle";
interface IProps {}

16
src/containers/profile/ProfilePageLeft/index.tsx
View file

@ -1,12 +1,12 @@
import React, { FC } from 'react';
import { IAuthState } from '~/redux/auth/types';
import { formatText } from '~/utils/dom';
import { PRESETS } from '~/constants/urls';
import { Placeholder } from '~/components/placeholders/Placeholder';
import React, { FC } from "react";
import { IAuthState } from "~/redux/auth/types";
import { formatText } from "~/utils/dom";
import { PRESETS } from "~/constants/urls";
import { Placeholder } from "~/components/placeholders/Placeholder";
import styles from './styles.module.scss';
import { Avatar } from '~/components/common/Avatar';
import { Markdown } from '~/components/containers/Markdown';
import styles from "./styles.module.scss";
import { Avatar } from "~/components/common/Avatar";
import { Markdown } from "~/components/containers/Markdown";
interface IProps {
profile: IAuthState['profile'];

8
src/containers/profile/ProfilePageStats/index.tsx
View file

@ -1,7 +1,7 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import { StatsRow } from '~/components/common/StatsRow';
import { SubTitle } from '~/components/common/SubTitle';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import { StatsRow } from "~/components/common/StatsRow";
import { SubTitle } from "~/components/common/SubTitle";
interface Props {}

8
src/containers/profile/ProfileTabs/index.tsx
View file

@ -1,7 +1,7 @@
import React, { FC } from 'react';
import styles from './styles.module.scss';
import { IAuthState } from '~/redux/auth/types';
import { Tabs } from '~/components/dialogs/Tabs';
import React, { FC } from "react";
import styles from "./styles.module.scss";
import { IAuthState } from "~/redux/auth/types";
import { Tabs } from "~/components/dialogs/Tabs";
interface IProps {
tab: string;

10
src/containers/sidebars/SidebarWrapper/index.tsx
View file

@ -1,8 +1,8 @@
import React, { FC, useEffect, useRef } from 'react';
import styles from './styles.module.scss';
import { createPortal } from 'react-dom';
import { clearAllBodyScrollLocks, disableBodyScroll } from 'body-scroll-lock';
import { useCloseOnEscape } from '~/hooks';
import React, { FC, useEffect, useRef } from "react";
import styles from "./styles.module.scss";
import { createPortal } from "react-dom";
import { clearAllBodyScrollLocks, disableBodyScroll } from "body-scroll-lock";
import { useCloseOnEscape } from "~/hooks";
interface IProps {
onClose?: () => void;

14
src/containers/tags/Tags/index.tsx
View file

@ -1,10 +1,10 @@
import React, { FC, HTMLAttributes, useCallback, useMemo, useState } from 'react';
import { TagField } from '~/components/containers/TagField';
import { ITag } from '~/redux/types';
import { uniq } from 'ramda';
import { Tag } from '~/components/tags/Tag';
import { TagInput } from '~/containers/tags/TagInput';
import { separateTags } from '~/utils/tag';
import React, { FC, HTMLAttributes, useCallback, useMemo, useState } from "react";
import { TagField } from "~/components/containers/TagField";
import { ITag } from "~/redux/types";
import { uniq } from "ramda";
import { Tag } from "~/components/tags/Tag";
import { TagInput } from "~/containers/tags/TagInput";
import { separateTags } from "~/utils/tag";
type IProps = HTMLAttributes<HTMLDivElement> & {
tags: Partial<ITag>[];