src/client/views/nodes/LinkBox.tsx


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

import React = require("react");
import { observer } from "mobx-react";
import { emptyFunction, returnFalse } from "../../../Utils";
import { ViewBoxBaseComponent } from "../DocComponent";
import { StyleProp } from "../StyleProvider";
import { ComparisonBox } from "./ComparisonBox";
import { FieldView, FieldViewProps } from './FieldView';
import "./LinkBox.scss";

@observer
export class LinkBox extends ViewBoxBaseComponent<FieldViewProps>() {
    public static LayoutString(fieldKey: string) { return FieldView.LayoutString(LinkBox, fieldKey); }
    isContentActiveFunc = () => this.isContentActive();
    render() {
        if (this.dataDoc.treeViewOpen === undefined) setTimeout(() => this.dataDoc.treeViewOpen = true);
        return <div className={`linkBox-container${this.isContentActive() ? "-interactive" : ""}`}
            style={{ background: this.props.styleProvider?.(this.layoutDoc, this.props, StyleProp.BackgroundColor) }} >
            <ComparisonBox {...this.props}
                fieldKey="anchor"
                setHeight={emptyFunction}
                dontRegisterView={true}
                renderDepth={this.props.renderDepth + 1}
                isContentActive={this.isContentActiveFunc}
                addDocument={returnFalse}
                removeDocument={returnFalse}
                moveDocument={returnFalse} />
        </div>;
    }
}