aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2026-02-23 15:14:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: Mutiny+ Subscription hidden QR

Browse Source
This commit is contained in:
benalleng
2023-10-06 11:52:34 -04:00
committed by Paul Miller
parent 74d97fbdac
commit 951872bff0
3 changed files with 101 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

129
src/components/NWCBudgetEditor.tsx
View File

@@ -10,6 +10,7 @@ import { For, Show } from "solid-js";
import {
AmountEditable,
AmountSats,
Button,
Checkbox,
InfoBox,
@@ -43,10 +44,16 @@ export function NWCBudgetEditor(props: {
? !props.initialProfile.require_approval
: false,
budget_amount:
props.initialProfile?.budget_amount?.toString() || "0",
props.initialProfile?.budget_amount?.toString() ||
props.initialProfile?.index === 0
? "21000"
: "0",
interval:
(props.initialProfile
?.budget_period as BudgetForm["interval"]) || "Day"
?.budget_period as BudgetForm["interval"]) ||
props.initialProfile?.index === 0
? "Month"
: "Day"
},
validate: (values) => {
const errors: Record<string, string> = {};
@@ -108,20 +115,34 @@ export function NWCBudgetEditor(props: {
<Field name="budget_amount">
{(field, _fieldProps) => (
<div class="flex flex-col items-end gap-2">
<AmountEditable
initialOpen={false}
initialAmountSats={
field.value || "0"
<Show
when={
props.initialProfile?.tag !==
"Subscription"
}
showWarnings={false}
setAmountSats={(a) => {
setValue(
budgetForm,
"budget_amount",
a.toString()
);
}}
/>
fallback={
<AmountSats
amountSats={
Number(field.value) || 0
}
/>
}
>
<AmountEditable
initialOpen={false}
initialAmountSats={
field.value || "0"
}
showWarnings={false}
setAmountSats={(a) => {
setValue(
budgetForm,
"budget_amount",
a.toString()
);
}}
/>
</Show>
<p class="text-sm text-m-red">
{field.error}
</p>
@@ -134,42 +155,54 @@ export function NWCBudgetEditor(props: {
>
<Field name="interval">
{(field, fieldProps) => (
<select
{...fieldProps}
class="w-full rounded-lg bg-m-grey-750 py-2 pl-4 pr-12 text-base font-normal text-white"
<Show
when={
props.initialProfile?.tag !==
"Subscription"
}
fallback={
budgetForm.internal.initialValues
.interval
}
>
<For
each={[
{
label: "Day",
value: "Day"
},
{
label: "Week",
value: "Week"
},
{
label: "Month",
value: "Month"
},
{
label: "Year",
value: "Year"
}
]}
<select
{...fieldProps}
class="w-full rounded-lg bg-m-grey-750 py-2 pl-4 pr-12 text-base font-normal text-white"
>
{({ label, value }) => (
<option
value={value}
selected={
field.value === value
<For
each={[
{
label: "Day",
value: "Day"
},
{
label: "Week",
value: "Week"
},
{
label: "Month",
value: "Month"
},
{
label: "Year",
value: "Year"
}
>
{label}
</option>
)}
</For>
</select>
]}
>
{({ label, value }) => (
<option
value={value}
selected={
field.value ===
value
}
>
{label}
</option>
)}
</For>
</select>
</Show>
)}
</Field>
</KeyValue>