diff --git a/apps/web/src/components/molecules/PricingReviewStep.scss b/apps/web/src/components/molecules/PricingReviewStep.scss new file mode 100644 index 0000000..e102007 --- /dev/null +++ b/apps/web/src/components/molecules/PricingReviewStep.scss @@ -0,0 +1,9 @@ +.pricing-review-step { + align-content: start; +} + +.pricing-review-step__intro { + margin: var(--space-2) 0 0; + color: var(--color-text-muted); + font-size: var(--text-sm); +} diff --git a/apps/web/src/components/molecules/PricingReviewStep.stories.js b/apps/web/src/components/molecules/PricingReviewStep.stories.js new file mode 100644 index 0000000..68d92cc --- /dev/null +++ b/apps/web/src/components/molecules/PricingReviewStep.stories.js @@ -0,0 +1,19 @@ +import PricingReviewStep from './PricingReviewStep.vue'; + +export default { title: 'Molecules/PricingReviewStep', component: PricingReviewStep }; + +const inventory = [{ id: 'copy-1' }, { id: 'copy-2' }]; + +export const Empty = { + args: { + inventoryItemId: '', provider: 'fixture-provider', sourceIdentifier: '', observedPrice: '', + overridePrice: '', overrideReason: '', inventory, refreshStatus: '', + }, +}; + +export const Refreshing = { + args: { + inventoryItemId: 'copy-1', provider: 'fixture-provider', sourceIdentifier: 'fixture-copy-1', observedPrice: '2500', + overridePrice: '', overrideReason: '', inventory, refreshStatus: 'PROCESSING', isSaving: true, + }, +}; diff --git a/apps/web/src/components/molecules/PricingReviewStep.vue b/apps/web/src/components/molecules/PricingReviewStep.vue new file mode 100644 index 0000000..d43cf89 --- /dev/null +++ b/apps/web/src/components/molecules/PricingReviewStep.vue @@ -0,0 +1,57 @@ + + + + + + + diff --git a/apps/web/src/pages/AdminHomePage.vue b/apps/web/src/pages/AdminHomePage.vue index a5dad90..e784884 100644 --- a/apps/web/src/pages/AdminHomePage.vue +++ b/apps/web/src/pages/AdminHomePage.vue @@ -8,6 +8,7 @@ import ProductIdentityStep from "@/components/molecules/ProductIdentityStep.vue" import ProviderMappingStep from "@/components/molecules/ProviderMappingStep.vue"; import InventoryCopyStep from "@/components/molecules/InventoryCopyStep.vue"; import InventoryImagesStep from "@/components/molecules/InventoryImagesStep.vue"; +import PricingReviewStep from "@/components/molecules/PricingReviewStep.vue"; import { createAdminInventory, createAdminProduct, @@ -870,94 +871,26 @@ onMounted(load); Record acquisition -
+