Disabling filters

Author: GusevPM

assets/icons.json

@@ -8,7 +8,7 @@
 	"coins": "M 7.5 2 C 5.896 2 4.4 2.235 3.27 2.646 L 3.164 2.685 C 2.643 2.884 2.158 3.138 1.78 3.463 C 1.38 3.807 1 4.323 1 5 L 1 6.5 C 1 7.177 1.38 7.693 1.78 8.037 C 2.183 8.383 2.708 8.65 3.27 8.854 C 4.4 9.265 5.896 9.5 7.5 9.5 C 7.732 9.5 7.962 9.495 8.189 9.485 C 8.329 9.479 8.399 9.476 8.461 9.457 C 8.517 9.44 8.569 9.413 8.615 9.377 C 8.668 9.337 8.721 9.268 8.827 9.13 C 9.041 8.853 9.269 8.625 9.477 8.447 C 10.129 7.886 10.897 7.517 11.586 7.267 C 12.151 7.065 12.73 6.908 13.319 6.795 C 13.572 6.745 13.699 6.721 13.785 6.661 C 13.862 6.609 13.922 6.536 13.958 6.451 C 14 6.355 14 6.233 14 5.988 L 14 5 C 14 4.323 13.62 3.807 13.22 3.463 C 12.817 3.117 12.292 2.85 11.73 2.646 C 10.6 2.235 9.105 2 7.5 2 Z M 8 11.992 C 7.999 11.86 7.946 11.735 7.852 11.642 C 7.758 11.55 7.632 11.499 7.5 11.5 C 5.896 11.5 4.4 11.265 3.27 10.854 C 2.708 10.65 2.183 10.384 1.78 10.037 C 1.624 9.905 1.485 9.754 1.365 9.589 C 1.327 9.534 1.264 9.501 1.197 9.5 C 1.088 9.5 1 9.588 1 9.697 L 1 11.5 C 1 12.177 1.38 12.693 1.78 13.037 C 2.183 13.383 2.708 13.65 3.27 13.854 C 4.4 14.265 5.896 14.5 7.5 14.5 L 7.512 14.5 C 7.785 14.489 8 14.265 8 13.992 Z M 7.5 16.5 C 7.774 16.5 8 16.719 8 16.992 L 8 19 C 8 19.126 8.006 19.249 8.018 19.368 L 8.026 19.454 C 8.056 19.772 7.85 19.999 7.529 20 L 7.5 20 C 5.896 20 4.4 19.765 3.27 19.354 C 2.708 19.15 2.183 18.884 1.78 18.537 C 1.38 18.193 1 17.677 1 17 L 1 14.697 C 1 14.588 1.088 14.5 1.197 14.5 C 1.264 14.5 1.327 14.534 1.365 14.589 C 1.489 14.761 1.633 14.911 1.78 15.037 C 2.183 15.383 2.708 15.65 3.27 15.854 C 4.4 16.265 5.896 16.5 7.5 16.5 Z M 14.207 8.169 C 14.966 8.055 15.732 7.998 16.5 8 C 18.104 8 19.6 8.235 20.73 8.646 L 20.836 8.685 C 21.357 8.884 21.842 9.138 22.22 9.463 C 22.62 9.807 23 10.323 23 11 L 23 13 C 23 13.677 22.62 14.193 22.22 14.537 C 21.817 14.883 21.292 15.15 20.73 15.354 C 19.6 15.765 18.104 16 16.5 16 C 14.896 16 13.4 15.765 12.27 15.354 C 11.708 15.15 11.183 14.884 10.78 14.537 C 10.38 14.193 10 13.677 10 13 L 10 11 C 10 10.323 10.38 9.807 10.78 9.463 C 11.183 9.117 11.708 8.85 12.27 8.646 C 12.34 8.62 12.412 8.596 12.485 8.571 C 13.047 8.389 13.623 8.254 14.207 8.169 Z M 10 16.197 C 10 16.088 10.088 16 10.197 16 C 10.264 16 10.327 16.034 10.365 16.089 C 10.489 16.261 10.633 16.411 10.78 16.537 C 11.183 16.883 11.708 17.15 12.27 17.354 C 13.4 17.765 14.896 18 16.5 18 C 18.104 18 19.6 17.765 20.73 17.354 C 21.292 17.15 21.817 16.884 22.22 16.537 C 22.367 16.41 22.51 16.261 22.635 16.089 C 22.673 16.034 22.736 16.001 22.803 16 C 22.912 16 23 16.088 23 16.197 L 23 18.5 C 23 19.177 22.62 19.693 22.22 20.037 C 21.817 20.383 21.292 20.65 20.73 20.854 C 19.6 21.265 18.104 21.5 16.5 21.5 C 14.896 21.5 13.4 21.265 12.27 20.854 C 11.708 20.65 11.183 20.384 10.78 20.037 C 10.38 19.693 10 19.177 10 18.5 Z",
 	"coins_down": "M 9 5 C 8.678 5 8.359 5.015 8.044 5.045 C 9.714 2.112 13.045 0.542 16.37 1.121 C 19.695 1.7 22.299 4.304 22.878 7.629 C 23.457 10.954 21.887 14.285 18.954 15.955 C 18.984 15.641 19 15.322 19 15 C 19 9.477 14.523 5 9 5 Z M 7.202 7.202 C 11.509 6.209 15.805 8.895 16.798 13.202 C 17.791 17.509 15.105 21.805 10.798 22.798 C 6.492 23.791 2.196 21.104 1.203 16.798 C 0.21 12.492 2.897 8.196 7.203 7.203 Z M 10 12 C 10 11.448 9.552 11 9 11 C 8.448 11 8 11.448 8 12 L 8 16.586 L 6.707 15.293 C 6.315 14.914 5.691 14.919 5.305 15.305 C 4.919 15.691 4.914 16.315 5.293 16.707 L 8.293 19.707 C 8.683 20.097 9.317 20.097 9.707 19.707 L 12.707 16.707 C 13.086 16.315 13.081 15.691 12.695 15.305 C 12.309 14.919 11.685 14.914 11.293 15.293 L 10 16.586 Z",
 	"coins_up": "M 9 5 C 8.678 5 8.359 5.015 8.044 5.045 C 9.714 2.112 13.045 0.542 16.37 1.121 C 19.695 1.7 22.299 4.304 22.878 7.629 C 23.457 10.954 21.887 14.285 18.954 15.955 C 18.984 15.641 19 15.322 19 15 C 19 9.477 14.523 5 9 5 Z M 7.202 7.202 C 11.509 6.209 15.805 8.895 16.798 13.202 C 17.791 17.509 15.105 21.805 10.798 22.798 C 6.492 23.791 2.196 21.104 1.203 16.798 C 0.21 12.492 2.897 8.196 7.203 7.203 Z M 9.707 11.293 C 9.317 10.903 8.683 10.903 8.293 11.293 L 5.293 14.293 C 5.033 14.544 4.929 14.916 5.02 15.266 C 5.112 15.615 5.385 15.888 5.734 15.98 C 6.084 16.071 6.456 15.967 6.707 15.707 L 8 14.414 L 8 19 C 8 19.552 8.448 20 9 20 C 9.552 20 10 19.552 10 19 L 10 14.414 L 11.293 15.707 C 11.685 16.086 12.309 16.081 12.695 15.695 C 13.081 15.309 13.086 14.685 12.707 14.293 Z",
-	"unlock": "M8 8C8 5.79086 9.79086 4 12 4C13.308 4 14.4693 4.62676 15.2008 5.60058C15.5325 6.04217 16.1594 6.13126 16.6009 5.79957C17.0425 5.46788 17.1316 4.84101 16.7999 4.39942C15.707 2.94434 13.9636 2 12 2C8.68629 2 6 4.68629 6 8V9.70835C4.75527 11.1186 4 12.9711 4 15C4 19.4183 7.58172 23 12 23C16.4183 23 20 19.4183 20 15C20 10.5817 16.4183 7 12 7C10.5429 7 9.17669 7.38958 8 8.07026V8ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V14Z",
+	"unlock": "m3.998 6.07c3.608-2.084 8.211-1.05 10.582 2.377 2.37 3.427 1.713 8.099-1.511 10.739-3.224 2.641-7.934 2.364-10.827-0.635s-2.999-7.716-0.244-10.843v-1.708c0-2.582 1.652-4.875 4.102-5.692 2.45-0.816 5.148 0.026 6.698 2.092 0.331 0.442 0.242 1.069-0.2 1.4-0.442 0.332-1.069 0.242-1.4-0.2-1.033-1.377-2.832-1.939-4.465-1.394-1.634 0.544-2.735 2.073-2.735 3.794zm5 5.93c0-0.552-0.448-1-1-1-0.553 0-1 0.448-1 1v2c0 0.553 0.447 1 1 1 0.552 0 1-0.447 1-1z",
 	"redelegate": "m8 9c-3.866 0-7 3.134-7 7s3.134 7 7 7c3.866 0 7-3.134 7-7s-3.134-7-7-7zm1.0625-1.938c0.45832-3.4225 3.3898-6.062 6.9377-6.062 3.866 0 7 3.134 7 7 0 3.5479-2.6395 6.4794-6.062 6.9377-0.4847-4.1215-3.7542-7.391-7.8757-7.8757zm9.6446 10.231c0.3905 0.3905 0.3905 1.0237 0 1.4142l-0.2598 0.2598c1.4447-0.216 2.5527-1.4621 2.5527-2.9669 0-0.5523 0.4477-1 1-1s1 0.4477 1 1c0 2.6273-2.0264 4.7813-4.6014 4.9843l0.3085 0.3086c0.3905 0.3905 0.3905 1.0237 0 1.4142s-1.0237 0.3905-1.4142 0l-2-2c-0.1875-0.1875-0.2929-0.4419-0.2929-0.7071s0.1054-0.5196 0.2929-0.7071l2-2c0.3905-0.3905 1.0237-0.3905 1.4142 0zm-13.414-16c0.39053-0.39052 1.0237-0.39052 1.4142 0l2 2c0.39052 0.39053 0.39052 1.0237 0 1.4142l-2 2c-0.39053 0.39052-1.0237 0.39052-1.4142 0-0.39052-0.39053-0.39052-1.0237 0-1.4142l0.25977-0.25976c-1.4447 0.21598-2.5527 1.462-2.5527 2.9669 0 0.55228-0.44772 1-1 1s-1-0.44772-1-1c0-2.6273 2.0264-4.7813 4.6014-4.9844l-0.30855-0.30854c-0.39052-0.39053-0.39052-1.0237 0-1.4142z",
 	"grid": "m8 2c0.55228 0 1 0.44772 1 1v4h6v-4c0-0.55228 0.4477-1 1-1s1 0.44772 1 1v4h3c0.5523 0 1 0.44772 1 1s-0.4477 1-1 1h-3v6h3c0.5523 0 1 0.4477 1 1s-0.4477 1-1 1h-3v4c0 0.5523-0.4477 1-1 1s-1-0.4477-1-1v-4h-6v4c0 0.5523-0.44772 1-1 1s-1-0.4477-1-1v-4h-3c-0.55228 0-1-0.4477-1-1s0.44772-1 1-1h3v-6h-3c-0.55228 0-1-0.44772-1-1s0.44772-1 1-1h3v-4c0-0.55228 0.44772-1 1-1zm7 13v-6h-6v6h6z",
 	"tag": "M 1.442 4.761 C 1.629 4.455 1.883 4.202 2.172 3.915 L 3.914 2.17 C 4.201 1.882 4.454 1.628 4.76 1.441 C 5.028 1.277 5.321 1.155 5.627 1.082 C 5.977 0.999 6.335 1 6.742 1 L 9.758 1 C 10.165 1 10.524 1 10.872 1.083 C 11.178 1.157 11.471 1.278 11.739 1.443 C 12.045 1.629 12.299 1.883 12.586 2.171 L 20.342 9.928 C 20.912 10.498 21.382 10.967 21.732 11.381 C 22.098 11.811 22.393 12.246 22.562 12.764 C 22.823 13.567 22.823 14.433 22.562 15.236 C 22.393 15.754 22.098 16.189 21.732 16.619 C 21.382 17.033 20.912 17.503 20.342 18.072 L 18.072 20.342 C 17.502 20.912 17.033 21.382 16.619 21.732 C 16.189 22.098 15.754 22.393 15.236 22.562 C 14.433 22.823 13.567 22.823 12.764 22.562 C 12.246 22.393 11.811 22.098 11.381 21.732 C 10.967 21.382 10.497 20.912 9.928 20.342 L 2.171 12.586 C 1.883 12.298 1.629 12.045 1.442 11.739 C 1.278 11.471 1.156 11.178 1.083 10.872 C 0.999 10.524 1 10.165 1 9.758 L 1 6.742 C 1 6.335 1 5.977 1.083 5.628 C 1.157 5.322 1.278 5.029 1.443 4.761 Z M 8 6 C 6.895 6 6 6.895 6 8 C 6 9.105 6.895 10 8 10 C 9.105 10 10 9.105 10 8 C 10 6.895 9.105 6 8 6 Z",

components/modules/block/BlockOverview.vue

@@ -53,7 +53,7 @@ const bookmarkText = computed(() => {
 
 const activeTab = ref("transactions")
 
-const isRefetching = ref(false)
+const isLoading = ref(false)
 const transactions = ref([])
 
 
@@ -67,8 +67,6 @@ const handlePrev = () => {
 	page.value -= 1
 }
 
-console.log(props.block.message_types);
-
 /** Filters */
 const filters = reactive({
 	status: {
@@ -208,7 +206,7 @@ const resetFilters = (target, refetch) => {
 }
 
 const getTransactions = async () => {
-	isRefetching.value = true
+	isLoading.value = true
 
 	const { data } = await fetchTransactionsByBlock({
 		height: props.block.height,
@@ -231,7 +229,7 @@ const getTransactions = async () => {
 	transactions.value = data.value
 	cacheStore.current.transactions = transactions.value
 
-	isRefetching.value = false
+	isLoading.value = false
 }
 
 await getTransactions()
@@ -485,10 +483,10 @@ const handleViewRawTransactions = () => {
 					</Flex>
 				</Flex>
 
-				<Flex v-if="activeTab === 'transactions'" direction="column" :class="[$style.table, isRefetching && $style.disabled]">
+				<Flex v-if="activeTab === 'transactions'" direction="column" :class="[$style.table, isLoading && $style.disabled]">
 					<Flex wrap="wrap" align="center" justify="start" gap="8" :class="$style.filters">
 						<Popover :open="isStatusPopoverOpen" @on-close="onStatusPopoverClose" width="200">
-							<Button @click="handleOpenStatusPopover" type="secondary" size="mini">
+							<Button @click="handleOpenStatusPopover" type="secondary" size="mini" :disabled="!transactions.length">
 								<Icon name="plus-circle" size="12" color="tertiary" />
 								<Text color="secondary">Status</Text>
 
@@ -526,7 +524,7 @@ const handleViewRawTransactions = () => {
 						</Popover>
 
 						<Popover :open="isMessageTypePopoverOpen" @on-close="onMessageTypePopoverClose" width="250">
-							<Button @click="handleOpenMessageTypePopover" type="secondary" size="mini">
+							<Button @click="handleOpenMessageTypePopover" type="secondary" size="mini" :disabled="!transactions.length">
 								<Icon name="plus-circle" size="12" color="tertiary" />
 								<Text color="secondary">Message Type</Text>
 
@@ -952,7 +950,7 @@ const handleViewRawTransactions = () => {
 }
 
 .pagination {
-	padding: 0 16px 16px 16px;
+	padding: 8px 16px 16px 16px;
 }
 
 @media (max-width: 800px) {