diff --git a/frontend/src/components/GenomicVariations/VariantsResults.js b/frontend/src/components/GenomicVariations/VariantsResults.js index ae0e1e1..e706c27 100644 --- a/frontend/src/components/GenomicVariations/VariantsResults.js +++ b/frontend/src/components/GenomicVariations/VariantsResults.js @@ -26,7 +26,7 @@ function VariantsResults (props) { const [queryArray, setQueryArray] = useState([]) const [beaconsList, setBeaconsList] = useState([]) - const [limit, setLimit] = useState(0) + const [limit, setLimit] = useState(10) const [skip, setSkip] = useState(0) const [showVariantsResults, setShowVariantsResults] = useState(false) @@ -68,7 +68,7 @@ function VariantsResults (props) { isAuthenticated = true } } - + console.log(props.variantMinLength) try { let res = await axios.get(configData.API_URL + '/info') @@ -78,7 +78,7 @@ function VariantsResults (props) { beaconsList.reverse() - if (props.showBar === true) { + if (props.showBar === false) { setShowVariantsResults(true) if (props.query !== null) { if (props.query.includes(',')) { @@ -519,10 +519,12 @@ function VariantsResults (props) { if (token === null) { console.log('Querying without token') + console.log(jsonData1) res = await axios.post( configData.API_URL + '/g_variants', jsonData1 ) + console.log(res) } else { const headers = { Authorization: `Bearer ${token}` } res = await axios.post( diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js index 0f67bb8..db9c1e0 100644 --- a/frontend/src/components/Layout/Layout.js +++ b/frontend/src/components/Layout/Layout.js @@ -1706,6 +1706,10 @@ function Layout (props) { referenceBases2={referenceBases2} aminoacid={aminoacid} geneID={geneID} + variantMaxLength={variantMaxLength} + variantMaxLength2={variantMaxLength2} + variantMinLength={variantMinLength} + variantMinLength2={variantMinLength2} /> )} @@ -1739,6 +1743,10 @@ function Layout (props) { referenceBases2={referenceBases2} aminoacid={aminoacid} geneID={geneID} + variantMaxLength={variantMaxLength} + variantMaxLength2={variantMaxLength2} + variantMinLength={variantMinLength} + variantMinLength2={variantMinLength2} /> )} @@ -1772,6 +1780,10 @@ function Layout (props) { referenceBases2={referenceBases2} aminoacid={aminoacid} geneID={geneID} + variantMaxLength={variantMaxLength} + variantMaxLength2={variantMaxLength2} + variantMinLength={variantMinLength} + variantMinLength2={variantMinLength2} /> )} diff --git a/frontend/src/components/Layout/LayoutVariantsTable.css b/frontend/src/components/Layout/LayoutVariantsTable.css index fa86b15..f3aaf8e 100644 --- a/frontend/src/components/Layout/LayoutVariantsTable.css +++ b/frontend/src/components/Layout/LayoutVariantsTable.css @@ -81,10 +81,18 @@ input:focus-visible + label { max-width: 65em; } +@media (max-width: 980px) { + .tabset { + margin-top: 16px; + } + +} + @media (max-width: 380px) { .tabset { display: flex; flex-direction: column; + margin-top: 16px; } .tabset > input:checked + label {