blob: cb77c5ef8c08fb32c8155cbdcc6a549768c2a9f2 (
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
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
const dom = require("resource://devtools/client/shared/vendor/react-dom-factories.js");
const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.js");
const INDENT_WIDTH = 12;
// Store common indents so they can be used without recreating the element during render.
const CONSTANT_INDENTS = [getIndentElement(1)];
const IN_WARNING_GROUP_INDENT = getIndentElement(1, "warning-indent");
function getIndentElement(indent, className) {
return dom.span({
className: `indent${className ? " " + className : ""}`,
style: {
width: indent * INDENT_WIDTH,
},
});
}
function MessageIndent(props) {
const { indent, inWarningGroup } = props;
if (inWarningGroup) {
return IN_WARNING_GROUP_INDENT;
}
if (!indent) {
return null;
}
return CONSTANT_INDENTS[indent] || getIndentElement(indent);
}
MessageIndent.propTypes = {
indent: PropTypes.number,
inWarningGroup: PropTypes.bool,
};
module.exports.MessageIndent = MessageIndent;
// Exported so we can test it with unit tests.
module.exports.INDENT_WIDTH = INDENT_WIDTH;
|
