diff --git a/examples/b2b-quote-management/package.json b/examples/b2b-quote-management/package.json index a603643ef..a9865e01b 100644 --- a/examples/b2b-quote-management/package.json +++ b/examples/b2b-quote-management/package.json @@ -11,11 +11,12 @@ "generate-types": "shopware-api-gen generate --apiType=store" }, "dependencies": { + "@primevue/themes": "^4.0.0", "@shopware-pwa/composables-next": "canary", "@shopware-pwa/helpers-next": "canary", "@shopware/api-client": "canary", "js-cookie": "3.0.5", - "primevue": "3.52.0", + "primevue": "4.0.0", "vue": "3.4.31", "vue-router": "4.4.0" }, diff --git a/examples/b2b-quote-management/src/assets/main.css b/examples/b2b-quote-management/src/assets/main.css new file mode 100644 index 000000000..f914595ec --- /dev/null +++ b/examples/b2b-quote-management/src/assets/main.css @@ -0,0 +1,29 @@ +html { + font-size: 14px; +} + +body { + min-height: 100vh; + max-width: 100vw; + color: #fff; + background: radial-gradient(135.35% 140.89% at 107.72% -60.35%, rgba(65, 184, 131, 0.4) 0%, rgba(5, 4, 31, 0) 100%), + #121116; + margin: 0 auto; + width: 100%; + font-size: 14px; + font-weight: 400; + margin: 0; + line-height: 1.6; + font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", + "Droid Sans", "Helvetica Neue", sans-serif; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.main-wrapper { + background-image: url("background.svg"); + background-repeat: no-repeat; + background-attachment: fixed; + background-size: contain; +} \ No newline at end of file diff --git a/examples/b2b-quote-management/src/components/Quote.vue b/examples/b2b-quote-management/src/components/Quote.vue index 74da6d9b5..7161f3700 100644 --- a/examples/b2b-quote-management/src/components/Quote.vue +++ b/examples/b2b-quote-management/src/components/Quote.vue @@ -34,7 +34,7 @@ const handleRequestQuote = async () => { }; const activeQuote = computed(() => { - return quote.value.stateMachineState?.technicalName === "replied"; + return quote?.value.stateMachineState?.technicalName === "replied"; }); const refreshQuote = async () => { quote.value = await getQuote(route.params.id as string); @@ -102,7 +102,7 @@ const refreshQuote = async () => { diff --git a/examples/b2b-quote-management/src/components/QuotesTable.vue b/examples/b2b-quote-management/src/components/QuotesTable.vue index bee9621dd..684264c52 100644 --- a/examples/b2b-quote-management/src/components/QuotesTable.vue +++ b/examples/b2b-quote-management/src/components/QuotesTable.vue @@ -51,7 +51,7 @@ onBeforeMount(async () => { > - + {{ quote.quoteNumber }} {{ quote.createdAt }} diff --git a/examples/b2b-quote-management/src/components/RequestQuote.vue b/examples/b2b-quote-management/src/components/RequestQuote.vue index 59836ca78..c358a4bac 100644 --- a/examples/b2b-quote-management/src/components/RequestQuote.vue +++ b/examples/b2b-quote-management/src/components/RequestQuote.vue @@ -8,8 +8,11 @@ import { import Textarea from "primevue/textarea"; import Button from "primevue/button"; import Stepper from "primevue/stepper"; -import StepperPanel from "primevue/stepperpanel"; +import StepPanels from "primevue/steppanels"; +import StepList from "primevue/steplist"; import Message from "primevue/message"; +import StepPanel from "primevue/steppanel"; +import Step from "primevue/step"; const product = ref(); const requestComment = ref(""); @@ -33,10 +36,14 @@ onBeforeMount(async () => { });