From bc76c06ac640975082a27fd7724f0cd10cd93dbd Mon Sep 17 00:00:00 2001 From: Lilith Date: Fri, 2 Jan 2026 23:50:11 -0800 Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Use=20Heading=20from=20ui-?= =?UTF-8?q?typography=20in=20ProductModal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replace custom SectionTitle with Heading component and clean up duplicate PillTabs import. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 --- .../frontend-admin/src/pages/shop/ProductModal.tsx | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx b/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx index b96036529..28dc028eb 100644 --- a/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx +++ b/features/platform-admin/frontend-admin/src/pages/shop/ProductModal.tsx @@ -1,9 +1,10 @@ import { useState, useEffect } from 'react'; import { useMutation, useQueryClient } from '@tanstack/react-query'; import styled from 'styled-components'; -import { Modal } from '@lilith/ui-feedback'; +import { Modal, PillTabs } from '@lilith/ui-feedback'; import { Button, Input, Select, Checkbox, Textarea, Alert } from '@lilith/ui-primitives'; -import { PillTabs } from '@lilith/ui-feedback'; +import { Stack } from '@lilith/ui-layout'; +import { Heading, Text } from '@lilith/ui-typography'; import { createProduct, updateProduct } from './api'; import { VariantsEditor } from './VariantsEditor'; import type { Product, CreateProductDto, UpdateProductDto, ProductType, InventoryType } from './types'; @@ -75,10 +76,7 @@ const Divider = styled.div` margin-top: ${({ theme }) => theme.spacing.md}; `; -const SectionTitle = styled.h3` - font-weight: ${({ theme }) => theme.typography.fontWeight.medium}; - margin-bottom: ${({ theme }) => theme.spacing.md}; -`; +// Using Heading from ui-typography instead of custom SectionTitle const HelpText = styled.p` font-size: ${({ theme }) => theme.typography.fontSize.xs}; @@ -409,7 +407,7 @@ export function ProductModal({ product, onClose }: ProductModalProps) { {formData.productType.startsWith('physical') && ( <> - Shipping + Shipping