blob: 1a7cce4a3bfb7b5c99b769735317942912e7455a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
import { library } from '@fortawesome/fontawesome-svg-core';
import { faEdit, faEye, faTimes, faArrowRight } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { observer } from "mobx-react";
import { DocumentManager } from "../../util/DocumentManager";
import { undoBatch } from "../../util/UndoManager";
import './LinkBox.scss';
import React = require("react");
import { Doc } from '../../../new_fields/Doc';
import { StrCast } from '../../../new_fields/Types';
library.add(faEye);
library.add(faEdit);
library.add(faTimes);
library.add(faArrowRight);
interface Props {
linkDoc: Doc;
sourceDoc: Doc;
destinationDoc: Doc;
showEditor: () => void;
}
@observer
export class LinkBox extends React.Component<Props> {
@undoBatch
onFollowLink = async (e: React.PointerEvent): Promise<void> => {
e.stopPropagation();
DocumentManager.Instance.jumpToDocument(this.props.destinationDoc, e.altKey);
}
onEdit = (e: React.PointerEvent): void => {
e.stopPropagation();
this.props.showEditor();
}
render() {
return (
<div className="link-menu-item">
<div className="link-menu-item-content">
<div className="link-name">
<p>{StrCast(this.props.destinationDoc.title)}</p>
</div>
</div>
<div className="link-menu-item-buttons">
<div title="Edit link" className="button" onPointerDown={this.onEdit}><FontAwesomeIcon className="fa-icon" icon="edit" size="sm" /></div>
<div title="Follow link" className="button" onPointerDown={this.onFollowLink}><FontAwesomeIcon className="fa-icon" icon="arrow-right" size="sm" /></div>
</div>
</div>
);
}
}
|
