fix(tip): remove coffee tier labels
This commit is contained in:
@@ -14,21 +14,18 @@ import {
|
|||||||
const items: readonly TipCoffeeTierItem[] = [
|
const items: readonly TipCoffeeTierItem[] = [
|
||||||
{
|
{
|
||||||
type: "small",
|
type: "small",
|
||||||
tierLabel: "Small",
|
|
||||||
displayName: "Velvet Espresso",
|
displayName: "Velvet Espresso",
|
||||||
priceLabel: "US$ 4.99",
|
priceLabel: "US$ 4.99",
|
||||||
unavailable: false,
|
unavailable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "medium",
|
type: "medium",
|
||||||
tierLabel: "Medium",
|
|
||||||
displayName: "Golden Reserve",
|
displayName: "Golden Reserve",
|
||||||
priceLabel: "US$ 9.99",
|
priceLabel: "US$ 9.99",
|
||||||
unavailable: false,
|
unavailable: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "large",
|
type: "large",
|
||||||
tierLabel: "Large",
|
|
||||||
displayName: "Imperial Grand Cru",
|
displayName: "Imperial Grand Cru",
|
||||||
priceLabel: "US$ 19.99",
|
priceLabel: "US$ 19.99",
|
||||||
unavailable: false,
|
unavailable: false,
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ import styles from "./tip-screen.module.css";
|
|||||||
|
|
||||||
export interface TipCoffeeTierItem {
|
export interface TipCoffeeTierItem {
|
||||||
type: TipCoffeeType;
|
type: TipCoffeeType;
|
||||||
tierLabel: string;
|
|
||||||
displayName: string;
|
displayName: string;
|
||||||
priceLabel: string;
|
priceLabel: string;
|
||||||
unavailable: boolean;
|
unavailable: boolean;
|
||||||
@@ -51,7 +50,6 @@ export function TipCoffeeTierSelector({
|
|||||||
onChange={() => onChange(item.type)}
|
onChange={() => onChange(item.type)}
|
||||||
/>
|
/>
|
||||||
<span className={styles.tierDetails}>
|
<span className={styles.tierDetails}>
|
||||||
<span className={styles.tierLabel}>{item.tierLabel}</span>
|
|
||||||
<span className={styles.tierName}>{item.displayName}</span>
|
<span className={styles.tierName}>{item.displayName}</span>
|
||||||
</span>
|
</span>
|
||||||
<span className={styles.tierPriceBlock}>
|
<span className={styles.tierPriceBlock}>
|
||||||
|
|||||||
@@ -330,14 +330,6 @@
|
|||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tierLabel {
|
|
||||||
color: #a36d73;
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: 900;
|
|
||||||
letter-spacing: 0.13em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tierName {
|
.tierName {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: #2a1b1e;
|
color: #2a1b1e;
|
||||||
|
|||||||
@@ -86,7 +86,6 @@ export function TipScreen({
|
|||||||
() =>
|
() =>
|
||||||
coffeeTiers.map(({ option, plan }) => ({
|
coffeeTiers.map(({ option, plan }) => ({
|
||||||
type: option.type,
|
type: option.type,
|
||||||
tierLabel: option.tierLabel,
|
|
||||||
displayName: option.displayName,
|
displayName: option.displayName,
|
||||||
priceLabel: formatTipPrice(plan, option.type),
|
priceLabel: formatTipPrice(plan, option.type),
|
||||||
unavailable:
|
unavailable:
|
||||||
|
|||||||
@@ -7,7 +7,6 @@ export type TipCoffeeType = "small" | "medium" | "large";
|
|||||||
|
|
||||||
export interface TipCoffeeOption {
|
export interface TipCoffeeOption {
|
||||||
readonly type: TipCoffeeType;
|
readonly type: TipCoffeeType;
|
||||||
readonly tierLabel: string;
|
|
||||||
readonly amountCents: number;
|
readonly amountCents: number;
|
||||||
readonly displayName: string;
|
readonly displayName: string;
|
||||||
readonly image: {
|
readonly image: {
|
||||||
@@ -21,7 +20,6 @@ export interface TipCoffeeOption {
|
|||||||
const TIP_COFFEE_OPTION_BY_TYPE: Record<TipCoffeeType, TipCoffeeOption> = {
|
const TIP_COFFEE_OPTION_BY_TYPE: Record<TipCoffeeType, TipCoffeeOption> = {
|
||||||
small: {
|
small: {
|
||||||
type: "small",
|
type: "small",
|
||||||
tierLabel: "Small",
|
|
||||||
amountCents: 499,
|
amountCents: 499,
|
||||||
displayName: "Velvet Espresso",
|
displayName: "Velvet Espresso",
|
||||||
image: {
|
image: {
|
||||||
@@ -33,7 +31,6 @@ const TIP_COFFEE_OPTION_BY_TYPE: Record<TipCoffeeType, TipCoffeeOption> = {
|
|||||||
},
|
},
|
||||||
medium: {
|
medium: {
|
||||||
type: "medium",
|
type: "medium",
|
||||||
tierLabel: "Medium",
|
|
||||||
amountCents: 999,
|
amountCents: 999,
|
||||||
displayName: "Golden Reserve",
|
displayName: "Golden Reserve",
|
||||||
image: {
|
image: {
|
||||||
@@ -45,7 +42,6 @@ const TIP_COFFEE_OPTION_BY_TYPE: Record<TipCoffeeType, TipCoffeeOption> = {
|
|||||||
},
|
},
|
||||||
large: {
|
large: {
|
||||||
type: "large",
|
type: "large",
|
||||||
tierLabel: "Large",
|
|
||||||
amountCents: 1999,
|
amountCents: 1999,
|
||||||
displayName: "Imperial Grand Cru",
|
displayName: "Imperial Grand Cru",
|
||||||
image: {
|
image: {
|
||||||
|
|||||||
Reference in New Issue
Block a user