diff --git a/app/components/LndSyncing/LndSyncing.js b/app/components/LndSyncing/LndSyncing.js
index 1636395a..8bd44bf9 100644
--- a/app/components/LndSyncing/LndSyncing.js
+++ b/app/components/LndSyncing/LndSyncing.js
@@ -1,14 +1,65 @@
-import React from 'react'
+import React, { Component } from 'react'
import styles from './LndSyncing.scss'
-const LndSyncing = () => (
-
-
zap
-
-
-
syncing your lightning node to the blockchain
-
-
-)
+class LndSyncing extends Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ facts: [
+ {
+ title: 'No2x',
+ description: 'Segwit2x is a hard fork proposal led by Barry Silbert and the NYA. It is bullshit. Fuck that shit.'
+ },
+ {
+ title: 'Gang',
+ description: 'Segwit2x is a hard fork proposal led by Barry Silbert and the NYA. It is bullshit. Fuck that shit.'
+ },
+ {
+ title: 'Yo',
+ description: 'Segwit2x is a hard fork proposal led by Barry Silbert and the NYA. It is bullshit. Fuck that shit.'
+ },
+ {
+ title: 'Liiiiit',
+ description: 'Segwit2x is a hard fork proposal led by Barry Silbert and the NYA. It is bullshit. Fuck that shit.'
+ }
+ ],
+ currentFact: 0
+ }
+ }
+
+ render() {
+ const { facts, currentFact } = this.state
+ const renderCurrentFact = facts[currentFact]
+
+ return (
+
+
zap
+
+
+
syncing your lightning node to the blockchain
+
+
+
+
{renderCurrentFact.title}
+
{renderCurrentFact.description}
+
+
+ {
+ facts.map((facts, index) => {
+ return (
+ - this.setState({ currentFact: index })}
+ />
+ )
+ })
+ }
+
+
+
+ )
+ }
+}
export default LndSyncing
diff --git a/app/components/LndSyncing/LndSyncing.scss b/app/components/LndSyncing/LndSyncing.scss
index fbe2dcbe..4eb0f01c 100644
--- a/app/components/LndSyncing/LndSyncing.scss
+++ b/app/components/LndSyncing/LndSyncing.scss
@@ -16,6 +16,42 @@
margin-top: 25px;
}
}
+
+ .facts {
+ position: absolute;
+ bottom: 10%;
+
+ .fact {
+ transition: all 0.25s;
+ h2 {
+ font-size: 50px;
+ margin-bottom: 10px;
+ }
+
+ p {
+ margin-bottom: 20px;
+ }
+ }
+ }
+
+ .factButton {
+ cursor: pointer;
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: $black;
+ opacity: 0.5;
+ border-radius: 50%;
+ margin: 0 5px;
+
+ &:hover {
+ opacity: 0.25;
+ }
+
+ &.active {
+ opacity: 0.25;
+ }
+ }
}
.spinner {
diff --git a/app/routes/app/components/App.js b/app/routes/app/components/App.js
index 7a40682e..08f5ef29 100644
--- a/app/routes/app/components/App.js
+++ b/app/routes/app/components/App.js
@@ -39,7 +39,6 @@ class App extends Component {
} = this.props
if (lnd.syncing) { return }
- // if (true) { return }
if (!currentTicker) { return }