diff --git a/app/assets/campaign-proposal-icon.svg b/app/assets/campaign-proposal-icon.svg new file mode 100644 index 0000000..05f45b8 --- /dev/null +++ b/app/assets/campaign-proposal-icon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/app/routes/brand-detail/components/BrandActionBar.tsx b/app/routes/brand-detail/components/BrandActionBar.tsx index 4b8a85d..cc28683 100644 --- a/app/routes/brand-detail/components/BrandActionBar.tsx +++ b/app/routes/brand-detail/components/BrandActionBar.tsx @@ -1,4 +1,5 @@ import HeartButton from "../../home/components/HeartButton"; +import proposalIconUrl from "../../../assets/campaign-proposal-icon.svg"; type Props = { isHearted: boolean; @@ -26,8 +27,9 @@ export default function BrandActionBar({ diff --git a/app/routes/brand-detail/components/ProductMiniCard.tsx b/app/routes/brand-detail/components/ProductMiniCard.tsx index 1fecb2d..091565b 100644 --- a/app/routes/brand-detail/components/ProductMiniCard.tsx +++ b/app/routes/brand-detail/components/ProductMiniCard.tsx @@ -9,15 +9,10 @@ type Props = { onClick?: () => void; }; -const ellipsis10 = (text?: string | null) => { - const safe = (text ?? "").toString(); - return safe.length > 10 ? `${safe.slice(0, 10)}...` : safe; -}; - export default function ProductMiniCard({ item, onClick }: Props) { return (
@@ -29,8 +24,8 @@ export default function ProductMiniCard({ item, onClick }: Props) { />
-
- {ellipsis10(item.productName)} +
+ {item.productName}
);