From bfb690b9412ae7d00a78484521c8e4150caf6589 Mon Sep 17 00:00:00 2001
From: RSLi <robertsli1998@gmail.com>
Date: Mon, 8 Jun 2020 01:23:32 -0700
Subject: [PATCH] Add sample graph cord 19.

---
 argo-lite/src/components/Navbar.jsx | 26 ++++++++++++++++++--------
 argo-lite/src/constants/index.js    |  4 ++++
 argo-lite/src/stores/index.js       |  1 +
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/argo-lite/src/components/Navbar.jsx b/argo-lite/src/components/Navbar.jsx
index 133fe28..d5c7638 100644
--- a/argo-lite/src/components/Navbar.jsx
+++ b/argo-lite/src/components/Navbar.jsx
@@ -20,7 +20,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import argologo from '../images/argologo.png';
 
-import {LOGO_URL, GITHUB_URL} from '../constants';
+import {LOGO_URL, GITHUB_URL, SAMPLE_GRAPH_SNAPSHOTS} from '../constants';
 
 @observer
 class RegularNavbar extends React.Component {
@@ -49,13 +49,23 @@ class RegularNavbar extends React.Component {
             content={
               <Menu>
                 <MenuItem text="Load Sample" iconName="graph">
-                  <MenuItem
-                    iconName="graph"
-                    text="Les Miserables"
-                    onClick={() => {
-                      window.loadAndDisplaySnapshotFromURL("https://argo-graph-lite.s3.amazonaws.com/lesmiserables.json");
-                    }}
-                  />
+                  {
+                    SAMPLE_GRAPH_SNAPSHOTS.map((sample) => {
+                      const sampleSnapshotTitle = sample[0];
+                      const sampleSnapshotStrapiUuid = sample[1];
+
+                      return (
+                        <MenuItem
+                          iconName="graph"
+                          text={sampleSnapshotTitle}
+                          onClick={() => {
+                            window.loadAndDisplaySnapshotFromStrapi(sampleSnapshotStrapiUuid);
+                          }}
+                        />
+                      );
+                    })
+                  }
+                  
                 </MenuItem>
                 <MenuDivider />
                 <MenuItem
diff --git a/argo-lite/src/constants/index.js b/argo-lite/src/constants/index.js
index 3ade9d0..35c3bdc 100644
--- a/argo-lite/src/constants/index.js
+++ b/argo-lite/src/constants/index.js
@@ -14,6 +14,10 @@ export const GITHUB_URL = "https://github.com/poloclub/argo-graph-lite";
 export const BACKEND_URL = "https://argo-share.herokuapp.com"; // for production
 // export const BACKEND_URL = "https://sleepy-brushlands-57948.herokuapp.com"; // for free heroku
 // export const BACKEND_URL = "http://localhost:1337"; // for local strapi development
+export const SAMPLE_GRAPH_SNAPSHOTS = [
+  ["Les Miserables", "3b5f746f-19a5-44d1-99ea-407ff9e47a0e"],
+  ["CORD-19 Citation Graph 06-02", "4bf882d3-8966-4f41-a590-acafeb998d2a"]
+];
 
 // When resizing window or running on mobile,
 // used to determine whether screen
diff --git a/argo-lite/src/stores/index.js b/argo-lite/src/stores/index.js
index 6200560..42bc0dd 100644
--- a/argo-lite/src/stores/index.js
+++ b/argo-lite/src/stores/index.js
@@ -73,6 +73,7 @@ const loadAndDisplaySnapshotFromStrapi = (uuid) => {
 };
 
 window.loadAndDisplaySnapshotFromURL = loadAndDisplaySnapshotFromURL;
+window.loadAndDisplaySnapshotFromStrapi = loadAndDisplaySnapshotFromStrapi;
 
 window.loadInitialSampleGraph = async () => {
   // default fallback url