Skip to content

Commit 29367d6

Browse files
ethanselzerethanselzer
committed
Add code links to examples
1 parent 63de20f commit 29367d6

File tree

7 files changed

+89
-20
lines changed

7 files changed

+89
-20
lines changed

‎example/src/components/Catalog.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
import React, { Component } from 'react';
2+
import { Link } from 'react-router';
23
import ReactLazyTree from 'react-lazy-tree';
4+
35
import data from '../../data/tree';
6+
47
import '../../styles/catalog.css';
5-
import { Link } from 'react-router';
68

79
class Catalog extends Component {
810
render() {

‎example/src/components/Hamburger.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
import React, { Component } from 'react';
22
import ReactLazyTree from 'react-lazy-tree';
3-
// import ReactLazyTree from '../../../dist/ReactLazyTree';
3+
44
import data from '../../data/tree';
55
import Label from '../components/Label';
6+
67
import '../../styles/hamburger.css';
78

89
class Hamburger extends Component {

‎example/src/components/Viewer.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
import React, { Component } from 'react';
22
import ReactLazyTree from 'react-lazy-tree';
3+
34
import data from '../../data/tree';
5+
46
import '../../styles/viewer.css';
57

68
class Viewer extends Component {

‎example/src/pages/Catalog.js‎

Lines changed: 26 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,16 @@ class CatalogPage extends Component {
4747
<ul className="examples__summary-list">
4848
<li>Information relationship expressed through typography</li>
4949
<li>Initial node selection of deep links</li>
50+
<li>
51+
Code:&nbsp;
52+
<a href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/src/components/Catalog.js">
53+
JS
54+
</a>
55+
&nbsp;
56+
<a href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/styles/catalog.css">
57+
CSS
58+
</a>
59+
</li>
5060
</ul>
5161
</Col>
5262
</Row>
@@ -58,12 +68,22 @@ class CatalogPage extends Component {
5868
<Catalog {...this.props}/>
5969
</Col>
6070
<Col sm={6} md={8} lg={8}>
61-
<SyntaxHighlighter language='javascript' style={solarized}>
62-
{codeString}
63-
</SyntaxHighlighter>
64-
<SyntaxHighlighter language='css' style={solarized}>
65-
{cssString}
66-
</SyntaxHighlighter>
71+
<a
72+
className="highlighter"
73+
href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/src/components/Catalog.js"
74+
>
75+
<SyntaxHighlighter language='javascript' style={solarized}>
76+
{codeString}
77+
</SyntaxHighlighter>
78+
</a>
79+
<a
80+
className="highligher"
81+
href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/styles/catalog.css"
82+
>
83+
<SyntaxHighlighter language='css' style={solarized}>
84+
{cssString}
85+
</SyntaxHighlighter>
86+
</a>
6787
</Col>
6888
</Row>
6989
</Grid>

‎example/src/pages/Hamburger.js‎

Lines changed: 26 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,16 @@ class HamburgerPage extends Component {
4646
API docs
4747
</a> for more options</li>
4848
<li>Scan QR code for a mobile specific version of example</li>
49+
<li>
50+
Code:&nbsp;
51+
<a href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/src/components/Hamburger.js">
52+
JS
53+
</a>
54+
&nbsp;
55+
<a href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/styles/hamburger.css">
56+
CSS
57+
</a>
58+
</li>
4959
</ul>
5060
</Col>
5161
<Col sm={7}>
@@ -62,12 +72,22 @@ class HamburgerPage extends Component {
6272
<Hamburger/>
6373
</Col>
6474
<Col sm={6} md={8} lg={8}>
65-
<SyntaxHighlighter language='javascript' style={solarized}>
66-
{codeString}
67-
</SyntaxHighlighter>
68-
<SyntaxHighlighter language='css' style={solarized}>
69-
{cssString}
70-
</SyntaxHighlighter>
75+
<a
76+
className="highlighter"
77+
href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/src/components/Hamburger.js"
78+
>
79+
<SyntaxHighlighter language='javascript' style={solarized}>
80+
{codeString}
81+
</SyntaxHighlighter>
82+
</a>
83+
<a
84+
className="highlighter"
85+
href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/styles/hamburger.css"
86+
>
87+
<SyntaxHighlighter language='css' style={solarized}>
88+
{cssString}
89+
</SyntaxHighlighter>
90+
</a>
7191
</Col>
7292
</Row>
7393
</Grid>

‎example/src/pages/Viewer.js‎

Lines changed: 26 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,16 @@ class ViewerPage extends Component {
3535
<li>Tree visualization use case</li>
3636
<li>Show all nodes</li>
3737
<li>Suppress interactivity</li>
38+
<li>
39+
Code:&nbsp;
40+
<a href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/src/components/Viewer.js">
41+
JS
42+
</a>
43+
&nbsp;
44+
<a href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/styles/viewer.css">
45+
CSS
46+
</a>
47+
</li>
3848
</ul>
3949
</Grid>
4050
</Jumbotron>
@@ -44,12 +54,22 @@ class ViewerPage extends Component {
4454
<Viewer {...this.props}/>
4555
</Col>
4656
<Col sm={6} md={8} lg={8}>
47-
<SyntaxHighlighter language='javascript' style={solarized}>
48-
{codeString}
49-
</SyntaxHighlighter>
50-
<SyntaxHighlighter language='css' style={solarized}>
51-
{cssString}
52-
</SyntaxHighlighter>
57+
<a
58+
className="highlighter"
59+
href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/src/components/Viewer.js"
60+
>
61+
<SyntaxHighlighter language='javascript' style={solarized}>
62+
{codeString}
63+
</SyntaxHighlighter>
64+
</a>
65+
<a
66+
className="highlighter"
67+
href="https://github.com/ethanselzer/react-lazy-tree/blob/master/example/styles/viewer.css"
68+
>
69+
<SyntaxHighlighter language='css' style={solarized}>
70+
{cssString}
71+
</SyntaxHighlighter>
72+
</a>
5373
</Col>
5474
</Row>
5575
</Grid>

‎example/styles/app.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,10 @@ p.examples__summary {
4242
text-align: center;
4343
}
4444

45+
a.highligher:link, a.highligher:active, a.highlighter:hover, a.highligher:visited {
46+
text-decoration: none;
47+
}
48+
4549
li.active a {
4650
cursor: default;
4751
}

0 commit comments

Comments
 (0)