Skip to content

Commit 5a59b20

Browse files
committed
removed description in tree component
1 parent e3279d3 commit 5a59b20

File tree

6 files changed

+26
-25
lines changed

6 files changed

+26
-25
lines changed

src/app/components/Tree.jsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ import JSONTree from 'react-json-tree';
33

44
const getItemString = (type, data, itemType, itemString) => (
55
<span>
6-
//
7-
{type}
6+
{/* //
7+
{type} */}
88
</span>
99
);
1010

@@ -18,8 +18,8 @@ const Tree = (props) => {
1818
<JSONTree
1919
data={snapshot}
2020
theme={{ tree: () => ({ className: 'json-tree' }) }}
21-
getItemString={getItemString}
2221
shouldExpandNode={() => true}
22+
getItemString={getItemString}
2323
// labelRenderer={raw => <strong>{raw}</strong>}
2424
// valueRenderer={raw => <em>{raw}</em>}
2525
/>

src/app/containers/HeadContainer.jsx

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
import React, { Component } from 'react';
22

33
class HeadContainer extends Component {
4-
constructor() {
5-
super();
4+
constructor(props) {
5+
super(props);
6+
console.log(this);
67
}
78

89
render() {
9-
return <div className="head-container">HeadContainer</div>;
10+
return <div className="head-container" />;
1011
}
1112
}
1213

src/app/styles/abstracts/_variables.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,9 @@ $light-grey-three: rgb(101, 104, 110) !default;
2121
/// @type Color
2222
$navbar-color: rgb(68, 72, 78) !default;
2323

24+
/// @type Color
25+
$head-color: #353b46 !default;
26+
2427
/// @type Color
2528
$border-color: rgba(190, 190, 190, 0.5) !default;
2629

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
.head-container {
2+
height: 5%;
3+
background-color: $head-color;
4+
}

src/app/styles/main.scss

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,9 @@
77
@import 'base/base', 'base/fonts', 'base/helpers', 'base/typography';
88

99
// 4. Layout-related sections
10-
@import 'layout/actionContainer', 'layout/stateContainer', 'layout/travelContainer', 'layout/buttonsContainer';
10+
@import 'layout/actionContainer', 'layout/stateContainer',
11+
'layout/travelContainer', 'layout/buttonsContainer',
12+
'layout/headContainer.scss';
1113

1214
// 5. Components
1315
@import 'components/buttons', 'components/actionComponent',

src/app/styles/styles.scss

Lines changed: 9 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -6,34 +6,29 @@
66
overflow: hidden;
77
}
88

9-
.head-container {
10-
height: 5%;
11-
}
12-
139
.body-container {
1410
height: 94%;
1511
width: 100%;
1612
display: grid;
1713
grid-template-columns: 1fr 2fr;
1814
grid-template-rows: 8fr 1fr;
1915
grid-template-areas:
20-
"actions states"
21-
"travel travel"
22-
"buttons buttons";
16+
'actions states'
17+
'travel travel'
18+
'buttons buttons';
2319
}
2420

25-
2621
/* if extension width is less than 500px, stack the body containers */
2722
// this is not working for some reason
2823
@media (max-width: 500px) {
2924
.body-container {
3025
grid-template-rows: 3fr 5fr 1fr;
3126
grid-template-columns: auto;
3227
grid-template-areas:
33-
"actions"
34-
"states"
35-
"travel"
36-
"buttons";
28+
'actions'
29+
'states'
30+
'travel'
31+
'buttons';
3732
}
3833
}
3934
.travel-container {
@@ -48,15 +43,11 @@
4843
.buttons-container {
4944
grid-area: buttons;
5045
}
51-
.emptySnapshot{
52-
width: 100%;
53-
}
54-
.head-container,
55-
.body-container,
46+
5647
.action-container,
5748
.state-container,
5849
.travel-container {
5950
border-style: solid;
6051
border-color: $border-color;
61-
border-width: thin;
52+
border-width: 1px;
6253
}

0 commit comments

Comments
 (0)