diff --git a/apps/web/src/components/molecules/ReviewListStep.scss b/apps/web/src/components/molecules/ReviewListStep.scss new file mode 100644 index 0000000..cd51093 --- /dev/null +++ b/apps/web/src/components/molecules/ReviewListStep.scss @@ -0,0 +1,9 @@ +.review-list-step { + align-content: start; +} + +.review-list-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/ReviewListStep.stories.js b/apps/web/src/components/molecules/ReviewListStep.stories.js new file mode 100644 index 0000000..e643359 --- /dev/null +++ b/apps/web/src/components/molecules/ReviewListStep.stories.js @@ -0,0 +1,16 @@ +import ReviewListStep from './ReviewListStep.vue'; + +export default { title: 'Molecules/ReviewListStep', component: ReviewListStep }; + +const inventory = [ + { id: 'copy-1', status: 'ACTIVE' }, + { id: 'copy-2', status: 'ARCHIVED' }, +]; + +export const Ready = { + args: { inventoryItemId: 'copy-1', askingPrice: '2499', inventory, isSaving: false }, +}; + +export const Empty = { + args: { inventoryItemId: '', askingPrice: '', inventory, isSaving: false }, +}; diff --git a/apps/web/src/components/molecules/ReviewListStep.vue b/apps/web/src/components/molecules/ReviewListStep.vue new file mode 100644 index 0000000..1a718aa --- /dev/null +++ b/apps/web/src/components/molecules/ReviewListStep.vue @@ -0,0 +1,50 @@ + + + + + + + diff --git a/apps/web/src/pages/AdminHomePage.vue b/apps/web/src/pages/AdminHomePage.vue index e784884..ea3f369 100644 --- a/apps/web/src/pages/AdminHomePage.vue +++ b/apps/web/src/pages/AdminHomePage.vue @@ -9,6 +9,7 @@ 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 ReviewListStep from "@/components/molecules/ReviewListStep.vue"; import { createAdminInventory, createAdminProduct, @@ -714,41 +715,15 @@ onMounted(load); @update:condition-id="conditionId = $event" @submit="createInventory" /> -
+