x

apps/website/src/components/ProfileClient.tsx

@@ -327,7 +327,7 @@ export default function ProfileClient() {
           <div className="flex min-w-0 items-center gap-4">
             <div className="ui-avatar-shell-sm relative shrink-0">
               <Image
-                src={displayCustomer.pictureUrl || `https://ui-avatars.com/api/?name=${encodeURIComponent(displayCustomer.displayName || 'HomAroma')}`}
+                src={displayCustomer.pictureUrl || `https://ui-avatars.com/api/?name=${encodeURIComponent(displayCustomer.displayName || 'Member')}`}
                 alt={displayCustomer.displayName || 'LINE Profile'}
                 fill
                 unoptimized
@@ -335,7 +335,7 @@ export default function ProfileClient() {
               />
             </div>
             <div className="min-w-0">
-              <h1 className="truncate text-2xl font-semibold text-text-main">{displayCustomer.displayName || 'HomAroma Member'}</h1>
+              <h1 className="truncate text-2xl font-semibold text-text-main">{displayCustomer.displayName || 'Member'}</h1>
               <div className="mt-2 flex flex-wrap gap-x-4 gap-y-1 text-xs font-semibold text-muted-text">
                 {displayCustomer.phone && <span className="inline-flex items-center gap-1"><Phone className="h-3 w-3" />{displayCustomer.phone}</span>}
                 {displayCustomer.email && <span className="inline-flex items-center gap-1"><Mail className="h-3 w-3" />{displayCustomer.email}</span>}
@@ -379,7 +379,7 @@ export default function ProfileClient() {
           {activeTab === 'orders' && (
             <div className="space-y-5">
               {orders.length === 0 ? (
-                <EmptyPanel icon={Package} title="ไม่มีประวัติการสั่งซื้อ" description="คุณยังไม่ได้ทำการสั่งซื้อสินค้าใด ๆ กับ HomAroma" actionHref="/shop" actionText="ไปหน้าช้อปปิ้ง" />
+                <EmptyPanel icon={Package} title="ไม่มีประวัติการสั่งซื้อ" description="คุณยังไม่ได้ทำการสั่งซื้อสินค้าใด ๆ " actionHref="/shop" actionText="ไปหน้าช้อปปิ้ง" />
               ) : (
                 orders.map((order) => (
                   <article key={order.id} className="ui-panel p-6">
@@ -404,7 +404,7 @@ export default function ProfileClient() {
                       {order.items.map((item) => (
                         <div key={item.id} className="flex items-center gap-3 text-sm">
                           <div className="relative h-11 w-11 shrink-0 overflow-hidden rounded-xl bg-surface-page">
-                            <Image src={item.productImage || '/images/oil_ozone.png'} alt={item.productName} fill unoptimized className="h-full w-full object-cover" />
+                            <Image src={item.productImage || '/images/fallback-product.svg'} alt={item.productName} fill unoptimized className="h-full w-full object-cover" />
                           </div>
                           <div className="min-w-0 flex-1">
                             <p className="truncate font-semibold text-text-main">{item.productName}</p>