fix datetime autofill (#77)

MorpheusAIs · Jul 30, 2024 · a8bfe73 · a8bfe73
1 parent 6907b0d
commit a8bfe73
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 16 deletions.
diff --git a/src/common/modals/compositions/ChangeLockModal.vue b/src/common/modals/compositions/ChangeLockModal.vue
@@ -172,17 +172,6 @@ const clearFields = () => {
   form.lockPeriod = ''
 }
 
-const init = () => {
-  if (!props.isShown) {
-    return
-  }
-  form.lockPeriod = new Time().isAfter(
-    userPoolData.value?.claimLockEnd?.toString() ?? 0,
-  )
-    ? ''
-    : userPoolData.value?.claimLockEnd?.toString() ?? ''
-}
-
 watch(
   () => [
     props.poolId,
@@ -194,7 +183,12 @@ watch(
   { immediate: true },
 )
 
-watch(() => props.isShown, init)
+watch(
+  () => props.isShown,
+  () => {
+    form.lockPeriod = String(userPoolData.value?.claimLockEnd.toNumber() || '')
+  },
+)
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/composables/use-pool.ts b/src/composables/use-pool.ts
@@ -4,6 +4,7 @@ import { type BigNumber, type Erc1967ProxyType } from '@/types'
 import { useTimestamp } from '@vueuse/core'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { ethers } from 'ethers'
+import { Time } from '@distributedlab/tools'
 
 const MULTIPLIER_SCALE = 21 //digits
 const REWARDS_DIVIDER = 10000
@@ -157,11 +158,16 @@ export const usePool = (poolId: number) => {
 
   const fetchExpectedMultiplier = async (lockPeriod: string) => {
     try {
+      const lockStart = new Time().isAfter(
+        userPoolData.value?.claimLockStart.toString(),
+      )
+        ? new Time().timestamp
+        : userPoolData.value?.claimLockStart.toString() ?? 0
       const multiplier =
         //eslint-disable-next-line max-len
         await web3ProvidersStore.erc1967ProxyContract.providerBased.value.getClaimLockPeriodMultiplier(
           poolId,
-          0,
+          lockStart,
           lockPeriod || 0,
         )
       expectedRewardsMultiplier.value = humanizeRewards(multiplier)

diff --git a/src/forms/DepositForm.vue b/src/forms/DepositForm.vue
@@ -131,9 +131,8 @@ const allowances = reactive<Record<CURRENCIES, BigNumber | null>>({
 })
 
 const { t } = useI18n()
-const { expectedRewardsMultiplier, fetchExpectedMultiplier } = usePool(
-  props.poolId,
-)
+const { expectedRewardsMultiplier, fetchExpectedMultiplier, userPoolData } =
+  usePool(props.poolId)
 const web3ProvidersStore = useWeb3ProvidersStore()
 
 const action = computed<ACTIONS>(() => {
@@ -305,6 +304,8 @@ const init = async (): Promise<void> => {
     ErrorHandler.process(error)
   }
 
+  form.lockPeriod = String(userPoolData.value?.claimLockEnd.toNumber() || '')
+
   isInitializing.value = false
 }