Segmento de carga inicial

1 files changed, 14 insertions, 2 deletions

diff --git a/src/App.js b/src/App.js
index 028b82f..9d70608 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,7 +7,8 @@ import {
   Segment,
   List,
   Message,
-  Dropdown
+  Dropdown,
+  Loader
 } from "semantic-ui-react";
 import "fomantic-ui-css/semantic.min.css";
 import "./App.css";
@@ -208,7 +209,18 @@ class App extends Component {
     const isOnline = response.source !== undefined;
 
     if (!ready) {
-      return "Loading";
+      return (
+        <Container style={{ paddingTop: "50px" }}>
+          <Segment
+            textAlign="center"
+            style={{ paddingTop: "25px", paddingBottom: "25px" }}
+          >
+            <Loader active inline>
+              Obteniendo información del servidor de IceCast ...
+            </Loader>
+          </Segment>
+        </Container>
+      );
     }
 
     const currentStream = multipleSources