feat: confidence boost as a floating stamp. Enhance TierCard recommendation. Pricing calculator#351
Conversation
…dation so a personalized recommendacion can come from calculator
sergiojoker11
changed the title
| return `${minutes} ${translations.min}`; | ||
| } | ||
| const hours = minutes / 60; | ||
| const unitKey = hours === 1 ? 'hour' : 'hours'; |
There was a problem hiding this comment.
at shared there is not react-i18n magic
sergiojoker11
force-pushed
the
feat/confidence-boost-and-enhance-tier-card-recommendations-and-tier-selection-calculator
branch
from
4f1015d to
27fe59c
Compare
| setCalculationResult(result); | ||
| onTierRecommendation({ | ||
| tierId: result.recommendedTier.id, | ||
| trigger: Date.now() |
There was a problem hiding this comment.
a static value like "better" or "best" can not be passed alone cause otherwise animations are not trigger when clicking on "Calculate" on the calculator if the result points you at the same tier again.
sergiojoker11
force-pushed
the
feat/confidence-boost-and-enhance-tier-card-recommendations-and-tier-selection-calculator
branch
from
657e261 to
06c174f
Compare
…recommendations-and-tier-selection-calculator
|
|
||
| return ( | ||
| <Card withBorder className="bg-white max-w-4xl mx-auto" padding="lg" radius="md" shadow="md"> | ||
| <Group gap="xs" justify="center" mb="md"> |
There was a problem hiding this comment.
Any reason to use <Group> here rather than just a div? Asking because we've talked in the past about Mantine vs Tailwind: Mantine for buttons, input fields, etc and Tailwind for containers and stuff that's for layout.
| return ( | ||
| <div className="text-gray-500 py-2 text-center"> | ||
| <IconCalculator className="mx-auto mb-1 opacity-50" size={24} /> | ||
| <Text size="xs">{translation.standbyMessage}</Text> |
There was a problem hiding this comment.
Mantine vs Tailwind for Text (vs just a div/p element).
| <StandbyDisplayContent lang={lang} /> | ||
| ) : ( | ||
| <div className="w-full"> | ||
| <ResultDisplay |
There was a problem hiding this comment.
Not a big fan of duplicating "HTML" for mobile and desktop tbh... tailwind breakpoints should help us do that kind of stuff.
| )} | ||
| </Button> | ||
| {type === 'contact' && ( | ||
| <Text className="text-gray-600 mt-2" size="xs"> |
sergiojoker11
deleted the
feat/confidence-boost-and-enhance-tier-card-recommendations-and-tier-selection-calculator
branch
2 participants
As title says:
Videos of usages in the corresponding PRs: