diff --git a/.storybook/mock-data/thanks-page-data-mock.js b/.storybook/mock-data/thanks-page-data-mock.js index 0036af8413..956ed9248c 100644 --- a/.storybook/mock-data/thanks-page-data-mock.js +++ b/.storybook/mock-data/thanks-page-data-mock.js @@ -112,6 +112,9 @@ export const maleLoanData = { } } +const futureDate = new Date(); +futureDate.setDate(futureDate.getDate() + 20); + export const femaleLoanData = { "data": { "shop": { @@ -228,6 +231,15 @@ export const femaleLoanData = { "totalCount": 1 } }, + "general": { + "kivaStats": { + "campaignStats": { + "currentBorrowerCount": 2298, + "targetBorrowerCount": 6000, + "targetEndDate": futureDate.toISOString(), + } + } + } } }; diff --git a/.storybook/stories/KvProgressCampaign.stories.js b/.storybook/stories/KvProgressCampaign.stories.js index 28299271ed..16b699a3a1 100644 --- a/.storybook/stories/KvProgressCampaign.stories.js +++ b/.storybook/stories/KvProgressCampaign.stories.js @@ -12,10 +12,10 @@ const story = (args) => { template: `
`, @@ -25,5 +25,9 @@ const story = (args) => { }; export const Default = story({ - raisedMoney: 345900, daysLeft: 29, totalLoans: 4000, fundedLoans: 462, + daysLeft: 29, totalBorrowers: 4000, fundedBorrowers: 462, +}); + +export const MinimalStats = story({ + daysLeft: 29, totalBorrowers: 4000, fundedBorrowers: 462, minimalStats: true }); diff --git a/src/components/Iwd/ActivityFeed.vue b/src/components/Iwd/ActivityFeed.vue index 8a3c129f1c..0571b0865a 100644 --- a/src/components/Iwd/ActivityFeed.vue +++ b/src/components/Iwd/ActivityFeed.vue @@ -10,7 +10,8 @@ diff --git a/src/components/Iwd/IwdCategoryHeader.vue b/src/components/Iwd/IwdCategoryHeader.vue new file mode 100644 index 0000000000..f05f371e7f --- /dev/null +++ b/src/components/Iwd/IwdCategoryHeader.vue @@ -0,0 +1,47 @@ + + + diff --git a/src/components/Iwd/IwdProgressCampaign.vue b/src/components/Iwd/IwdProgressCampaign.vue new file mode 100644 index 0000000000..2156e937a9 --- /dev/null +++ b/src/components/Iwd/IwdProgressCampaign.vue @@ -0,0 +1,69 @@ + + + diff --git a/src/components/Iwd/IwdThanksPageVariations.vue b/src/components/Iwd/IwdThanksPageVariations.vue index ae81c76386..48d268bfff 100644 --- a/src/components/Iwd/IwdThanksPageVariations.vue +++ b/src/components/Iwd/IwdThanksPageVariations.vue @@ -19,12 +19,13 @@ tw-rounded-b md:tw-rounded-t tw-p-1.5 - tw-gap-1 + tw-gap-2 tw-items-center " > -
+
IWD Badge +
Thank you! Your support for @@ -104,7 +105,7 @@