adding some console log to test

Author: d28601581

src/app/components/BarGraph.tsx

@@ -121,6 +121,7 @@ const BarGraph = props => {
     for (let i = 0; i < saveButtons.length; i++) {
       if (tabs[currentTab].seriesSavedStatus === 'saved') {
         saveButtons[i].classList.add('animate');
+        console.log('checking saveButtons[i].classList', saveButtons[i].classList)
         saveButtons[i].innerHTML = 'Saved!';
       } else {
         saveButtons[i].innerHTML = 'Save Series';
@@ -142,6 +143,7 @@ const BarGraph = props => {
     dispatch(save(toStorage));
   };
 
+  // FTRI9 note - need to ensure text box is not empty before saving
   const textbox = tabs[currentTab].seriesSavedStatus === 'inputBoxOpen' ? <input type="text" id="seriesname" placeholder="Enter Series Name" onChange={e => setSeriesNameInput(e.target.value)} /> : null;
   return (
     <div className="bargraph-position">
@@ -171,6 +173,23 @@ const BarGraph = props => {
             ))}
           </select>
         </form>
+        <form className="routesForm" id="routes-formcontrol">
+          <label id="routes-dropdown">Select Snapshot: </label>
+          <select
+            labelId="demo-simple-select-label"
+            id="routes-select"
+            onChange={e => setSnapshot(e.target.value)}
+          >
+            <option>
+              All Snapshots
+            </option>
+            {filteredSnapshots.map(route => (
+              <option className="routes">
+                {route.snapshotId}
+              </option>
+            ))}
+          </select>
+        </form>
       </div>
       <svg ref={containerRef} width={width} height={height}>
         <rect
@@ -202,6 +221,9 @@ const BarGraph = props => {
             color={colorScale}
           >
             {barStacks => barStacks.map(barStack => barStack.bars.map((bar, idx) => {
+              console.log(width, '<-- width');
+              console.log(height, '<-- height');
+              console.log(bar, '<-- bar');
               // Hides new components if components don't exist in previous snapshots.
               if (Number.isNaN(bar.bar[1]) || bar.height < 0) {
                 bar.height = 0;

src/app/components/PerformanceVisx.tsx

@@ -179,6 +179,7 @@ const PerformanceVisx = (props: BarStackProps) => {
   const [action, setAction] = useState(false);
 
   const [route, setRoute] = useState('All Routes');
+  const [snapshot, setSnapshot] = useState('Choose Snapshot ID');
 
   useEffect(() => {
     dispatch(setCurrentTabInApp('performance'));
@@ -245,6 +246,8 @@ const PerformanceVisx = (props: BarStackProps) => {
   if (route !== 'All Routes') {
     data.barStack = filteredSnapshots;
   }
+
+  console.log(filteredSnapshots, '<-- filtered snap shots');
 
   const renderBargraph = () => {
     if (hierarchy) {
@@ -258,6 +261,7 @@ const PerformanceVisx = (props: BarStackProps) => {
             setRoute={setRoute}
             allRoutes={allRoutes}
             filteredSnapshots={filteredSnapshots}
+            setSnapshot={setSnapshot}
           />
         </div>
       );