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

displaying image nodes

Browse source
This commit is contained in:
Fedor Katurov 2019-10-12 16:55:57 +07:00
parent c6ccbb0fb4
commit 09b4fbd7b6
3 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/flow/Cell/index.tsx
View file

@ -1,5 +1,4 @@
import React, { FC, useState, useCallback } from 'react';
import { NavLink } from 'react-router-dom';
import { INode } from '~/redux/types';
import { URLS } from '~/constants/urls';
import { getImageSize } from '~/utils/dom';
@ -38,11 +37,11 @@ const Cell: FC<IProps> = ({ node: { id, title, brief, type }, onSelect, is_text
<div
className={styles.thumbnail}
style={{
backgroundImage: `url("${getImageSize(brief.thumbnail, 'medium')}")`,
backgroundImage: `url("${brief.thumbnail}")`,
opacity: is_loaded ? 1 : 0,
}}
>
<img src={getImageSize(brief.thumbnail, 'medium')} onLoad={onImageLoad} alt="" />
<img src={brief.thumbnail} onLoad={onImageLoad} alt="" />
</div>
)}
</div>

2
src/components/node/NodeImageBlock/index.tsx
View file

@ -78,7 +78,7 @@ const NodeImageBlock: FC<IProps> = ({ node, is_loading }) => {
>
<img
className={styles.image}
src={getImageSize(file.url, 'node')}
src={getImageSize(file, 'node')}
alt=""
key={file.id}
onLoad={onImageLoad(index)}

8
src/utils/dom.ts
View file

@ -58,12 +58,12 @@ export const getURL = (file: IFile) => {
if (!file || !file.url) return null;
return file.url
.replace('REMOTE_OLD://', process.env.REMOTE_OLD)
.replace('REMOTE_CURRENT://', process.env.REMOTE_CURRENT);
.replace('REMOTE_CURRENT://', process.env.REMOTE_CURRENT)
.replace('REMOTE_OLD://', process.env.REMOTE_OLD);
};
export const getImageSize = (image: string, size?: string): string =>
`${process.env.API_HOST}${image}`.replace('{size}', size);
export const getImageSize = (file: IFile, size?: string): string => getURL(file);
// `${process.env.API_HOST}${image}`.replace('{size}', size);
export const formatCommentText = (author, text: string) =>
text