Add download demo (#444)

* feat (greeting): Add download demo realm link * feat (Greeting): Add url for download the demo Realm file * refactor (Greeting): Move Link styles to global styles
realm · Nov 23, 2017 · 90b1d82 · 90b1d82
1 parent f52def5
commit 90b1d82
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/src/ui/greeting/Greeting.scss b/src/ui/greeting/Greeting.scss
@@ -74,6 +74,11 @@ $history-panel-icon-size: 20px;
     margin: $spacer / 4;
   }
 
+  &__DownloadDemo {
+    margin-top: $spacer / 2;
+    font-size: .7rem;
+  }
+
   &__HistoryPanel {
     background: $color-charcoal;
     color: $color-dove;

diff --git a/src/ui/greeting/Greeting.tsx b/src/ui/greeting/Greeting.tsx
@@ -57,6 +57,15 @@ export const Greeting = ({
           Connect to Realm Object Server
         </Button>
       </div>
+      <div className="Greeting__DownloadDemo">
+        <span>New to realm? </span>
+        <a
+          href="https://static.realm.io/downloads/realm-studio/demo.realm"
+          className="Link"
+        >
+          Download a demo Realm file
+        </a>
+      </div>
     </div>
     <HistoryPanelContainer />
     <SignupOverlayContainer />

diff --git a/styles/index.scss b/styles/index.scss
@@ -20,4 +20,10 @@ body,
   height: 100%;
 }
 
+.Link {
+  color: $brand-primary;
+  cursor: pointer;
+  text-decoration: underline;
+}
+
 @import "./form-controls";