Add component to render full pass1b-06 pheno table for paper in FUNCTION

MoTrPAC · Jan 28, 2024 · 07ceb95 · 07ceb95
1 parent f6297bd
commit 07ceb95
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 1 deletion.
diff --git a/src/App/App.jsx b/src/App/App.jsx
@@ -28,6 +28,7 @@ import CodeRepositories from '../CodeRepoPage/codeRepoPage';
 import MainStudyConnected from '../MainStudy/mainStudy';
 import Tutorials from '../Tutorials/tutorials';
 import Publications from '../Publications/publications';
+import FullTableEnduranceTraining from '../Publications/Data/Animal/Phenotype/fullTableEnduranceTraining';
 import Pass1b06PhenotypeAnimalConnected from '../AnalysisPage/pass1b06PhenotypeAnimal';
 import CallbackConnected from '../Auth/callback';
 import { withTracker } from '../GoogleAnalytics/googleAnalytics';
@@ -131,8 +132,14 @@ function App({ history = History }) {
               <Route path="/tutorials" component={withTracker(Tutorials)} />
               <Route
                 path="/publications"
+                exact
                 component={withTracker(Publications)}
               />
+              <Route
+                path="/publications/data/animal/phenotype/full-table-endurance-training"
+                exact
+                component={withTracker(FullTableEnduranceTraining)}
+              />
               <PrivateRoute
                 path="/analysis-phenotype"
                 component={withTracker(Pass1b06PhenotypeAnimalConnected)}

diff --git a/src/App/__test__/App.test.jsx b/src/App/__test__/App.test.jsx
@@ -23,7 +23,7 @@ describe('<App />', () => {
   });
 
   test('It should contain fifteen <Route /> children', () => {
-    expect(component.find('Route').length).toBe(19);
+    expect(component.find('Route').length).toBe(20);
   });
 
   test('It should contain four <PrivateRoute /> children', () => {

diff --git a/src/Publications/Data/Animal/Phenotype/fullTableEnduranceTraining.jsx b/src/Publications/Data/Animal/Phenotype/fullTableEnduranceTraining.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+function FullTableEnduranceTraining() {
+  return (
+    <div className="fullPhenoPass1b06Table container-fluid px-3 px-md-4 mb-3">
+      <div className="headerContainer d-flex flex-row justify-content-start align-items-center">
+        <h1>Full phenotype table for animal endurance training study</h1>
+        <a
+          type="button"
+          role="button"
+          className="btn btn-primary d-flex align-items-center ml-4"
+          href="https://cdn.motrpac-data.org/assets/datahub/publications/data/animal/phenotype/animal-endurance-training-study-full-table.xlsx"
+          download
+        >
+          <i className="material-icons">file_download</i>
+          <span className="px-1 text-left">Download this dataset</span>
+        </a>
+      </div>
+      <div className="embedContainer embed-responsive embed-responsive-1by1 mt-3">
+        <iframe
+          title="Full phenotype table for animal endurance training study"
+          src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQjmAo-lDbApZ42E86U91MP3VZX5KVzoVZWGbyh6oZiHoV0PTq0DIBpUWiSfukQSj5faCpMXjytfpn1/pubhtml?widget=true&amp;headers=true&amp;chrome=false"
+          className="embed-responsive-item border border-dark"
+          allowfullscreen
+        />
+      </div>
+    </div>
+  );
+}
+
+export default FullTableEnduranceTraining;