diff --git a/website/client/src/components/shops/buyModal.vue b/website/client/src/components/shops/buyModal.vue
index ca213f5738..7668f95368 100644
--- a/website/client/src/components/shops/buyModal.vue
+++ b/website/client/src/components/shops/buyModal.vue
@@ -97,14 +97,14 @@
>{{ item.value }}
-
+
{{ item.value }}
@@ -643,8 +643,19 @@ export default {
},
viewSubscriptions (item) {
if (item.purchaseType === 'backgrounds') {
- this.$root.$emit('habitica::dismiss-modal', 'avatar-modal');
this.$root.$emit('bv::hide::modal', 'avatar-modal');
+ let removeIndex = this.$store.state.modalStack
+ .map(modal => modal.modalId)
+ .indexOf('avatar-modal');
+ if (removeIndex >= 0) {
+ this.$store.state.modalStack.splice(removeIndex, 1);
+ }
+ removeIndex = this.$store.state.modalStack
+ .map(modal => modal.prev)
+ .indexOf('avatar-modal');
+ if (removeIndex >= 0) {
+ delete this.$store.state.modalStack[removeIndex].prev;
+ }
}
this.$router.push('/user/settings/subscription');
this.hideDialog();
diff --git a/website/client/src/components/shops/quests/buyQuestModal.vue b/website/client/src/components/shops/quests/buyQuestModal.vue
index d3f75ad702..f55c55973a 100644
--- a/website/client/src/components/shops/quests/buyQuestModal.vue
+++ b/website/client/src/components/shops/quests/buyQuestModal.vue
@@ -160,7 +160,11 @@
}
&.gold {
- color: $yellow-10
+ color: $yellow-10;
+ }
+
+ &.hourglasses {
+ color: $hourglass-color;
}
}