fix(gov): switch from constants.gov

Author: xdeq

components/modules/proposal/ProposalOverview.vue

@@ -189,7 +189,7 @@ const handleViewRawVotes = () => {
 								The minimum deposit was not reached
 							</Text>
 							<Text v-else-if="proposal.status === 'rejected'" size="13" weight="600" color="primary">
-								The quorum {{ appStore.constants.gov.quorum * 100 }}% was not reached
+								The quorum {{ Number(proposal.quorum) * 100 }}% was not reached
 							</Text>
 						</Flex>
 					</Flex>
@@ -287,7 +287,7 @@ const handleViewRawVotes = () => {
 								</Flex>
 
 								<AmountInCurrency
-									:amount="{ value: appStore.constants.gov.min_deposit.replace('utia', ''), decimal: 6 }"
+									:amount="{ value: proposal.min_deposit.replace('utia', ''), decimal: 6 }"
 									:styles="{ amount: { color: 'secondary' }, currency: { color: 'tertiary' } }"
 								/>
 							</Flex>

components/modules/proposal/ProposalTimeline.vue

@@ -20,8 +20,6 @@ const props = defineProps({
 })
 
 const expand = ref(["inactive", "active"].includes(props.proposal.status))
-
-const votingPeriod = ref(appStore.constants.gov.voting_period.replace("s", ""))
 </script>
 
 <template>
@@ -40,12 +38,11 @@ const votingPeriod = ref(appStore.constants.gov.voting_period.replace("s", ""))
 
 				<div v-for="dot in 4" class="dot" />
 
-				<Flex v-if="isMainnet()" align="center" gap="6">
+				<Flex align="center" gap="6">
 					<Icon name="time" size="12" color="secondary" />
 					<Text size="12" weight="600" color="primary">
 						{{
-							DateTime.fromISO(proposal.activation_time)
-								.plus({ seconds: votingPeriod })
+							DateTime.fromISO(proposal.end_time)
 								.diff(DateTime.fromISO(proposal.activation_time), "days")
 								.toObject()
 								.days.toFixed(0)
@@ -56,15 +53,14 @@ const votingPeriod = ref(appStore.constants.gov.voting_period.replace("s", ""))
 
 				<div v-for="dot in 4" class="dot" />
 
-				<Text v-if="isMainnet()" size="12" weight="600" color="secondary" align="right">
+				<Text size="12" weight="600" color="secondary" align="right">
 					{{
-						DateTime.fromISO(proposal.activation_time)
-							.plus({ seconds: votingPeriod })
+						DateTime.fromISO(proposal.end_time)
+
 							.setLocale("en")
 							.toLocaleString(DateTime.DATE_MED)
 					}}
 				</Text>
-				<Text v-else size="12" weight="600" color="tertiary" align="right"> Unknown </Text>
 			</Flex>
 		</Badge>
 
@@ -91,30 +87,19 @@ const votingPeriod = ref(appStore.constants.gov.voting_period.replace("s", ""))
 						<Text size="12" weight="500" color="tertiary">{{ DateTime.fromISO(proposal.activation_time).toFormat("FF") }}</Text>
 					</Flex>
 				</Flex>
-				<Flex v-if="isMainnet()" gap="12">
+				<Flex gap="12">
 					<div :class="$style.circle" />
 
 					<Flex direction="column" gap="8">
-						<Text size="13" weight="600" color="secondary">End of voting period</Text>
+						<Text size="13" weight="600" color="secondary">End of voting</Text>
 						<Text size="12" weight="500" color="tertiary">
-							{{ DateTime.fromISO(proposal.activation_time).plus({ seconds: votingPeriod }).toFormat("FF") }}
+							{{ DateTime.fromISO(proposal.end_time).toFormat("FF") }}
 						</Text>
 					</Flex>
 				</Flex>
 
 				<div :class="$style.line" />
 			</Flex>
-
-			<Flex gap="12" style="margin-top: 8px">
-				<div :class="[$style.circle, $style.red]" />
-
-				<Flex direction="column" gap="8">
-					<Text size="13" weight="600" color="secondary">Deadline for deposit</Text>
-					<Text size="12" weight="500" color="tertiary">
-						{{ DateTime.fromISO(proposal.deposit_time).toFormat("FF") }}
-					</Text>
-				</Flex>
-			</Flex>
 		</template>
 	</Flex>
 </template>

components/modules/proposal/VotesAllocation.vue

@@ -31,7 +31,7 @@ const expand = ref(["inactive", "active"].includes(props.proposal.status))
 		</Flex>
 
 		<Flex align="center" gap="4" :class="$style.voting_wrapper">
-			<div :style="{ left: `${appStore.constants.gov.threshold * 100}%` }" :class="$style.threshold" />
+			<div :style="{ left: `${Number(proposal.threshold) * 100}%` }" :class="$style.threshold" />
 
 			<Tooltip v-if="proposal.yes" wide :trigger-width="`${Math.max(5, (proposal.yes * 100) / proposal.votes_count)}%`">
 				<div
@@ -106,19 +106,19 @@ const expand = ref(["inactive", "active"].includes(props.proposal.status))
 				</Flex>
 			</Flex>
 
-			<Flex v-if="proposal.yes / proposal.votes_count > appStore.constants.gov.threshold" align="center" gap="4">
+			<Flex v-if="proposal.yes / proposal.votes_count > Number(proposal.threshold)" align="center" gap="4">
 				<Icon name="check-circle" size="12" color="tertiary" />
 				<Text size="12" weight="500" color="tertiary">
 					The <Text color="secondary" weight="600">Yes</Text> vote threshold of
-					<Text color="secondary">{{ appStore.constants.gov.threshold * 100 }}%</Text> is met
+					<Text color="secondary">{{ Number(proposal.threshold) * 100 }}%</Text> is met
 				</Text>
 			</Flex>
 
-			<Flex v-if="proposal.no_with_veto / proposal.votes_count > appStore.constants.gov.veto_threshold" align="center" gap="4">
+			<Flex v-if="proposal.no_with_veto / proposal.votes_count > Number(proposal.veto_quorum)" align="center" gap="4">
 				<Icon name="check-circle" size="12" color="tertiary" />
 				<Text size="12" weight="500" color="tertiary">
 					The <Text color="secondary" weight="600">No With Veto</Text> vote threshold of
-					<Text color="secondary">{{ appStore.constants.gov.veto_threshold * 100 }}%</Text> is met
+					<Text color="secondary">{{ Number(proposal.veto_quorum) * 100 }}%</Text> is met
 				</Text>
 			</Flex>
 		</Flex>