#39: enabled description change, top contributers in synthetic condensate...

#39: enabled description change, top contributers in synthetic condensate detail page. Also top contributor table only shown when there is any contributor.

web/src/components/CondensateDetailPage.vue

@@ -821,7 +821,7 @@
              </fetch-user-specific-update-items> -->
 
                 <div
-                  v-if="getUserData && !response.data.is_experimental"
+                  v-if="getUserData "
                   class="border bg-white shadow-md rounded-lg p-8"
                 >
                   <h4 class="round mb-8">
@@ -833,15 +833,12 @@
                     :data="response.data.canonical_id"
                   />
                 </div>
-                <div class="my-14 border bg-white shadow-md rounded-lg p-8">
-                  <h4 class="round mb-8">
-                    Top Contributors
-                  </h4>
-                  <contributor-list-table
+               
+                  <contributor-list-table class="my-14"
                     :id="response.data.canonical_id"
                     entity="condensate"
                   />
-                </div>
+             
 
                 <!-- <request-update-item-table
                 id="protein-table"

web/src/components/ContributorListTable.vue

 <template>
   <section>
-    <div class="h-1/2 overflow-y-auto shadow-md sm:rounded-lg">
+    <div v-if="showTable" class="border bg-white shadow-md rounded-lg p-8">
+      <h2 v-if="entity ==='all'" class="mb-10 text-3xl text-center">
+            All Contributors
+          </h2>
+      <h4 v-if="entity ==='condensate'" class="round mb-8">
+                    Top Contributors
+                  </h4>
+    <div class="h-1/2 overflow-y-auto border sm:rounded-lg">
+     
       <h2
         v-if="error"
         class="text-red-500"
@@ -92,6 +100,7 @@
         </tbody>
       </table>
     </div>
+    </div>
   </section>
 </template>
 
@@ -134,7 +143,7 @@ export default {
         this.error = false;
         this.errorMsg = '';
         const response = await res.json();
-
+        
         const convertedArray = response.filteredEntries.map((e) => ({
           id: e.id,
           username: e.username,

web/src/components/LandingPage.vue

@@ -22,17 +22,17 @@
         <br />
         <br />
       </p> -->
-      <div class="grid grid-cols-3 lg:grid-cols-4 gap-4">
+      <div class="grid grid-cols-3 lg:grid-cols-4 gap-8">
         <div class="col-span-2 lg:col-span-3">
           <div
             class="
               flex flex-col
-              space-y-4
-              md:grid md:grid-cols-2 md:gap-x-4
+              space-y-8
+              md:grid md:grid-cols-2 md:gap-x-8
               h-auto
             "
           >
-            <div class="border md:col-span-2 shadow-md bg-white  rounded-lg p-6">
+            <div class="border gap-6 md:col-span-2 shadow-md bg-white  rounded-lg p-6">
               <form
                 class="form-horizontal"
                 autocomplete="off"
@@ -308,21 +308,14 @@
         </div>
         <div
           class="
-            border
+            mt-8
             col-span-3
             md:col-span-4
             lg:col-span-4
-            shadow-md
-            bg-white
-            my-4
-            rounded-lg
-           
-            p-8
+            
           "
         >
-          <h2 class="mb-10 text-3xl text-center">
-            All Contributors
-          </h2>
+         
           <contributor-list-table
             id="all"
             entity="all"

web/src/components/Navigation/TheNavBar.vue

@@ -624,4 +624,4 @@ a {
 .active {
   color: #ef0087 !important;
 }
-</style>
\ No newline at end of file
+</style>

web/src/store/modules/User.js

@@ -9,7 +9,7 @@ const state = {
   didAutoLogout: false,
   isLoggedIn: false,
   lastPath: null,
-  expireTime: 20000,
+  expireTime: 3600000,
 };
 
 const mutations = {
@@ -49,23 +49,28 @@ const getters = {
 
 const actions = {
   setJwt({ commit }, jwt) {
+  
     localStorage.setItem('jwt', jwt);
     commit('SET_JWT', jwt);
   },
   setUserData({ commit, dispatch, state }, userData) {
-    localStorage.setItem('userData', userData);
+   
+    localStorage.setItem('userData', userData)
+   
     /*
     calulation of hours to millisec
     (hr*3600000)
     */
     // const expiresIn = 60 * 1000
     // const expiresIn = 20000
-    let expiresIn = state.expireTime
+    let expiresIn = 3600000
 
     const expirationDate = new Date().getTime() + expiresIn
     localStorage.setItem('tokenExpiration', expirationDate)
     commit('SET_USER_DATA', userData);
 
+   
+
    timer= setTimeout(function(){
       dispatch('autoLogout')
     }, expiresIn )
@@ -91,6 +96,7 @@ const actions = {
     const tokenExpiration = localStorage.getItem('tokenExpiration')
 
     const expiresIn= tokenExpiration - new Date().getTime()
+    
 
     if(expiresIn<0){
       return