From 0023fad7b79043e189d66aaa0ffe7ba1feeb621f Mon Sep 17 00:00:00 2001
From: Jimmy Zhen <jzhen@stanford.edu>
Date: Thu, 2 May 2024 16:44:14 -0700
Subject: [PATCH] Add timecourse trajectory visualization links to graphical
 analysis reports

---
 .../GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx          | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/BAT.jsx            | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx          | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/COLON.jsx          | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/HEART.jsx          | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx         | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/LIVER.jsx          | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/LUNG.jsx           | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx         | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx         | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx         | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx         | 5 +++++
 .../GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx         | 5 +++++
 13 files changed, 65 insertions(+)

diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
index 7778f580..3b1c04b8 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
@@ -150,6 +150,11 @@ function MitoGraphicalAnalysisAdrenal() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Adrenal"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
index 340107d3..637eb7b9 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
@@ -150,6 +150,11 @@ function MitoGraphicalAnalysisBrownAdipose() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Brown Adipose"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
index fe23567a..4f9e020b 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
@@ -150,6 +150,11 @@ function MitoGraphicalAnalysisBlood() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Blood RNA"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
index 9acaf1a8..f6db2fbf 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
@@ -146,6 +146,11 @@ function MitoGraphicalAnalysisColon() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Colon"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
index 16c28822..cc3bf366 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
@@ -147,6 +147,11 @@ function MitoGraphicalAnalysisHeart() {
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Heart"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
index da0823b1..e365a3ac 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
@@ -146,6 +146,11 @@ function MitoGraphicalAnalysisKidney() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Kidney"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
index fa46f328..a4cc4661 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
@@ -147,6 +147,11 @@ function MitoGraphicalAnalysisLiver() {
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_9.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Liver"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx
index e016b439..1dd31c99 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx
@@ -137,6 +137,11 @@ function MitoGraphicalAnalysisLung() {
                   <img src={`${imageURL}/figure_6.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Lung"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx
index 5d594789..293f3126 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx
@@ -150,6 +150,11 @@ function MitoGraphicalAnalysisGastrocnemius() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Gastrocnemius"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx
index 9456a30b..ad9530b3 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx
@@ -150,6 +150,11 @@ function MitoGraphicalAnalysisVastusLateralis() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Vastus Lateralis"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx
index edcf32b7..a918a66c 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx
@@ -148,6 +148,11 @@ function MitoGraphicalAnalysisSmallIntestine() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Small Intestine"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
             </div>
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx
index 6f022bed..ff520971 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx
@@ -147,6 +147,11 @@ function MitoGraphicalAnalysisSpleen() {
                   No significant enrichments for
                   SPLEEN:1w_F0_M0-&gt;2w_F0_M0-&gt;4w_F0_M0-&gt;8w_F1_M1
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="Spleen"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
             </div>
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx
index 506d1578..e6bb7f55 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx
@@ -150,6 +150,11 @@ function MitoGraphicalAnalysisWhiteAdipose() {
                   <img src={`${imageURL}/figure_7.png`} width="100%" alt="" />
                   <img src={`${imageURL}/figure_8.png`} width="100%" alt="" />
                 </p>
+                <DataVizLink
+                  title="timecourse"
+                  tissue="White Adipose"
+                  plotType="Trajectories"
+                />
                 <hr />
               </div>
               <div className="section level4">