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

displaying cells

Browse source
This commit is contained in:
Fedor Katurov 2019-10-12 17:22:47 +07:00
parent 09b4fbd7b6
commit b844e58568
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

2
src/utils/dom.ts
View file

@ -54,7 +54,7 @@ export const describeArc = (
].join(' '); ].join(' ');
}; };
export const getURL = (file: IFile) => { export const getURL = (file: Partial<IFile>) => {
if (!file || !file.url) return null; if (!file || !file.url) return null;
return file.url return file.url