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

made transitional Anchor component for next/cra

Browse source
This commit is contained in:
Fedor Katurov 2022-01-13 16:08:23 +07:00
parent 7658068caa
commit 14b93d5dbb
7 changed files with 44 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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