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

(nextjs) fixed flow loading, anchors and styles

Browse source
This commit is contained in:
Fedor Katurov 2022-01-17 16:13:45 +07:00
parent 2e0ad878a3
commit c5bac54494
11 changed files with 90 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/node/NodeRelatedItem/index.tsx
View file

@ -3,13 +3,13 @@ import styles from './styles.module.scss';
import classNames from 'classnames';
import { INode } from '~/types';
import { PRESETS, URLS } from '~/constants/urls';
import { RouteComponentProps, withRouter } from 'react-router';
import { RouteComponentProps } from 'react-router';
import { getURL, getURLFromString } from '~/utils/dom';
import { useColorGradientFromString } from '~/hooks/color/useColorGradientFromString';
import { Square } from '~/components/common/Square';
import { useNavigation } from '~/hooks/navigation/useNavigation';
import { useGotoNode } from '~/hooks/node/useGotoNode';
type IProps = RouteComponentProps & {
type IProps = {
item: Partial<INode>;
};
@ -29,12 +29,11 @@ const getTitleLetters = (title?: string): string => {
: words[0].substr(0, 2).toUpperCase();
};
const NodeRelatedItemUnconnected: FC<IProps> = memo(({ item }) => {
const { push } = useNavigation();
const NodeRelatedItem: FC<IProps> = memo(({ item }) => {
const onClick = useGotoNode(item.id);
const [is_loaded, setIsLoaded] = useState(false);
const [width, setWidth] = useState(0);
const ref = useRef<HTMLDivElement>(null);
const onClick = useCallback(() => push(URLS.NODE_URL(item.id)), [item, push]);
const thumb = useMemo(
() => (item.thumbnail ? getURL({ url: item.thumbnail }, PRESETS.avatar) : ''),
@ -95,6 +94,4 @@ const NodeRelatedItemUnconnected: FC<IProps> = memo(({ item }) => {
);
});
const NodeRelatedItem = withRouter(NodeRelatedItemUnconnected);
export { NodeRelatedItem };