aboutsummaryrefslogtreecommitdiff
path: root/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx')
-rw-r--r--packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx77
1 files changed, 35 insertions, 42 deletions
diff --git a/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx b/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
index 0749f45d3..cd6b8b45c 100644
--- a/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/instance/templates/qr/QrPage.tsx
@@ -46,79 +46,78 @@ export function QrPage({ contract, id: templateId, onBack }: Props): VNode {
const { i18n } = useTranslationContext();
const { config, url: backendUrl } = useMerchantApiContext();
- const [state, setState] = useState<Partial<Entity>>({
- amount: contract.amount,
- summary: contract.summary,
- });
+ // const [state, setState] = useState<Partial<Entity>>({
+ // amount: contract.amount,
+ // summary: contract.summary,
+ // });
- const errors: FormErrors<Entity> = {};
+ // const errors: FormErrors<Entity> = {};
- const fixedAmount = !!contract.amount;
- const fixedSummary = !!contract.summary;
+ // const fixedAmount = !!contract.amount;
+ // const fixedSummary = !!contract.summary;
- const templateParams: Record<string, string> = {};
- if (!fixedAmount) {
- if (state.amount) {
- templateParams.amount = state.amount;
- } else {
- templateParams.amount = config.currency;
- }
- }
+ // const templateParams: Record<string, string> = {};
+ // if (!fixedAmount) {
+ // if (state.amount) {
+ // templateParams.amount = state.amount;
+ // } else {
+ // templateParams.amount = config.currency;
+ // }
+ // }
- if (!fixedSummary) {
- templateParams.summary = state.summary ?? "";
- }
+ // if (!fixedSummary) {
+ // templateParams.summary = state.summary ?? "";
+ // }
const merchantBaseUrl = backendUrl.href;
const payTemplateUri = stringifyPayTemplateUri({
merchantBaseUrl,
templateId,
- templateParams,
+ templateParams: {},
});
return (
<div>
+ <section id="printThis">
+ <QR text={payTemplateUri} />
+ <pre style={{ textAlign: "center" }}>
+ <a href={payTemplateUri}>{payTemplateUri}</a>
+ </pre>
+ </section>
+
<section class="section is-main-section">
<div class="columns">
<div class="column" />
<div class="column is-four-fifths">
- <p class="is-size-5 mt-5 mb-5">
+ {/* <p class="is-size-5 mt-5 mb-5">
<i18n.Translate>
Here you can specify a default value for fields that are not
fixed. Default values can be edited by the customer before the
payment.
</i18n.Translate>
- </p>
+ </p> */}
<p></p>
- <FormProvider
+ {/* <FormProvider
object={state}
valueHandler={setState}
errors={errors}
>
<InputCurrency<Entity>
name="amount"
- label={
- fixedAmount
- ? i18n.str`Fixed amount`
- : i18n.str`Default amount`
- }
- readonly={fixedAmount}
+ label={i18n.str`Amount`}
+ readonly
tooltip={i18n.str`Amount of the order`}
/>
<Input<Entity>
name="summary"
inputType="multiline"
- readonly={fixedSummary}
- label={
- fixedSummary
- ? i18n.str`Fixed summary`
- : i18n.str`Default summary`
- }
+ readonly
+ label={i18n.str`Summary`}
tooltip={i18n.str`Title of the order to be shown to the customer`}
/>
- </FormProvider>
+ </FormProvider> */}
<div class="buttons is-right mt-5">
{onBack && (
@@ -137,12 +136,6 @@ export function QrPage({ contract, id: templateId, onBack }: Props): VNode {
<div class="column" />
</div>
</section>
- <section id="printThis">
- <QR text={payTemplateUri} />
- <pre style={{ textAlign: "center" }}>
- <a href={payTemplateUri}>{payTemplateUri}</a>
- </pre>
- </section>
</div>
);
}
@@ -160,6 +153,6 @@ function saveAsPDF(name: string): void {
printWindow.document.body.appendChild(divContents.cloneNode(true));
printWindow.addEventListener("load", () => {
printWindow.print();
- printWindow.close();
+ // printWindow.close();
});
}