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

#58 fixed dialog routers

This commit is contained in:
Fedor Katurov 2021-03-29 17:45:54 +07:00
parent 3e8c2d4b6e
commit 124719c243
15 changed files with 93 additions and 39 deletions

View file

@ -16,22 +16,29 @@ const SubmitBar: FC<Props> = ({ isLab }) => {
const onFocus = useCallback(() => setFocused(true), [setFocused]);
const onBlur = useCallback(() => setFocused(false), [setFocused]);
const createUrl = useCallback(
(type: string) => {
return [url.replace(/\/$/, ''), 'create', type].join('/');
},
[url]
);
return (
<div className={classNames(styles.wrap, { [styles.lab]: isLab })}>
<div className={classNames(styles.panel, { [styles.active]: focused })}>
<Link to={`${url}/create/image`} className={styles.link}>
<Link to={createUrl('image')} className={styles.link}>
<Icon icon="image" size={32} />
</Link>
<Link to={`${url}/create/text`} className={styles.link}>
<Link to={createUrl('text')} className={styles.link}>
<Icon icon="text" size={32} />
</Link>
<Link to={`${url}/create/video`} className={styles.link}>
<Link to={createUrl('video')} className={styles.link}>
<Icon icon="video" size={32} />
</Link>
<Link to={`${url}/create/audio`} className={styles.link}>
<Link to={createUrl('audio')} className={styles.link}>
<Icon icon="audio" size={32} />
</Link>
</div>