variant length fixed

elixir-europe · Jan 26, 2024 · 232670d · 232670d
1 parent 62fab25
commit 232670d
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 3 deletions.
diff --git 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
@@ -1706,6 +1706,10 @@ function Layout (props) {
               referenceBases2={referenceBases2}
               aminoacid={aminoacid}
               geneID={geneID}
+              variantMaxLength={variantMaxLength}
+              variantMaxLength2={variantMaxLength2}
+              variantMinLength={variantMinLength}
+              variantMinLength2={variantMinLength2}
             />
           </div>
         )}
@@ -1739,6 +1743,10 @@ function Layout (props) {
               referenceBases2={referenceBases2}
               aminoacid={aminoacid}
               geneID={geneID}
+              variantMaxLength={variantMaxLength}
+              variantMaxLength2={variantMaxLength2}
+              variantMinLength={variantMinLength}
+              variantMinLength2={variantMinLength2}
             />
           </div>
         )}
@@ -1772,6 +1780,10 @@ function Layout (props) {
               referenceBases2={referenceBases2}
               aminoacid={aminoacid}
               geneID={geneID}
+              variantMaxLength={variantMaxLength}
+              variantMaxLength2={variantMaxLength2}
+              variantMinLength={variantMinLength}
+              variantMinLength2={variantMinLength2}
             />
           </div>
         )}

diff --git 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 {