-
- {{ headerTitle }}
-
-
- {{ headerCopy }}
-
-
-
-
-
-
-
-
-
![Gift icon]()
-
-
-
+
+
+
+ {{ headerTitle }}
+
+
-
- ![Gift icon]()
+
+
+
+
+
+
![Gift icon]()
+
+
+
- {{ revealBtnCta }}
-
-
+
+ ![Gift icon]()
+ {{ revealBtnCta }}
+
+
+
+
-
-
-
-
- You are a hero! Thanks to your loan, we are one step closer to a more financially inclusive world.
-
-
- Discover more badges
-
-
+
+
+ You are a hero! Thanks to your loan, we are one step closer to a more financially inclusive world.
+
- Go to my kiva
+ Discover more badges
-
-
- Create your account
-
-
-
-
-
-
Before you go!
-
-
Finish setting up your account to track and relend your money as you are paid back.
-
+
+ Go to my kiva
+
+
+
+ Create your account
+
+
+
Before you go!
+
+
Finish setting up your account to track and relend your money as you are paid back.
+
+
-
-
-
-
- You are now part of {{ borrowerName }}'s journey! Here's what's next:
-
-
-
-
-
+
- Go to my kiva
-
-
-
-
- Create your account
-
-
-
-
Before you go!
-
-
Finish setting up your account to track and relend your money as you are paid back.
-
+ You are now part of {{ borrowerName }}'s journey! Here's what's next:
+
+
+
+
+
+ Go to my kiva
+
+
+
+
+ Create your account
+
+
+
+
+
+
Before you go!
+
+
Finish setting up your account to track and relend your money as you are paid back.
+
+
+
-
-
-
-
-
-
- Show previous loan details
-
-
-
-
-
-
+
+
+
+
+
+ Show previous loan details
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
@@ -285,6 +310,7 @@ import { gql } from '@apollo/client';
import logFormatter from '@/util/logFormatter';
import smoothScrollMixin from '@/plugins/smooth-scroll-mixin';
import AnimatedStars from '@/components/Thanks/AnimatedStars';
+import DiscoverSection from '@/components/Thanks/Badges/DiscoverSection';
import KvButton from '~/@kiva/kv-components/vue/KvButton';
import KvMaterialIcon from '~/@kiva/kv-components/vue/KvMaterialIcon';
@@ -301,6 +327,7 @@ export default {
KvButton,
KvMaterialIcon,
AnimatedStars,
+ DiscoverSection,
},
inject: ['apollo', 'cookieStore'],
mixins: [smoothScrollMixin],
@@ -348,6 +375,7 @@ export default {
wiggle: false,
badgeBlurRevealing: false,
badgeBlurRevealCompleted: false,
+ discoverBadges: false,
};
},
computed: {
@@ -413,7 +441,10 @@ export default {
},
revealBtnCta() {
return `${this.isMobileLayout ? 'Tap' : 'Click'} to reveal`;
- }
+ },
+ selectedLoanRegion() {
+ return this.selectedLoan?.geocode?.country?.region ?? '';
+ },
},
methods: {
hash(loan) {
@@ -462,7 +493,10 @@ export default {
setTimeout(() => {
this.badgeBlurRevealCompleted = true;
}, 1000);
- }
+ },
+ showAllBadges() {
+ this.discoverBadges = true;
+ },
},
created() {
this.$kvTrackEvent('thanks', 'view', 'equity badge', this.isGuest ? 'guest' : 'signed-in');
@@ -593,4 +627,12 @@ export default {
@apply tw-w-full tw-h-full tw-top-0 tw-left-0 tw-transform-none;
}
+.fade-enter-active {
+ transition: opacity 1s
+}
+
+.fade-enter {
+ opacity: 0
+}
+