Notifications on your devices are not set up on this server yet.
;
- if (device === null) {
- return This browser cannot show notifications from Strata. Install Strata as an app, or use a recent Chrome, Edge, Firefox or Safari.
;
- }
+ const note = (text: string) => (
+
+
space.role !== 'viewer');
- const custom = event?.repeatRule && !repeatPresets.some(([value]) => value === event.repeatRule);
return (
{charges.length} charges read · {suggestions.length} look recurring
@@ -114,20 +102,8 @@ export function StatementImport({ defaultCurrency, onClose, onAdded }: { default
)}
-
-
+
+
)}
diff --git a/app/frontend/src/components/SubscriptionEditor.tsx b/app/frontend/src/components/SubscriptionEditor.tsx
index c9d4c18..8fac268 100644
--- a/app/frontend/src/components/SubscriptionEditor.tsx
+++ b/app/frontend/src/components/SubscriptionEditor.tsx
@@ -1,7 +1,10 @@
-import { Dialog, TextField } from '@project-graphite/ui';
+import { useState } from 'react';
+import { DatePicker, Dialog, Select, SuggestField, TextField } from '@project-graphite/ui';
+import { allCurrencies, currencyOptions } from '../choices';
import { useAuth } from '../auth';
import { catalogue, knownService } from '../catalogue';
-import { billingCycles, categories, fromMinor, toMinor, type Subscription } from '../subscriptions';
+import { spaceOptions, type Space } from '../spaces';
+import { billingCycles, categories, categoryLabel, fromMinor, toMinor, type Subscription } from '../subscriptions';
import { useAction } from '../useAction';
import { atMost, required, useFormErrors, type Check } from '../validation';
@@ -14,19 +17,30 @@ export function SubscriptionEditor({
onClose,
onSaved,
spaceId,
+ spaces = [],
subscription,
}: {
onClose: () => void;
onSaved: (subscription: Subscription) => void;
spaceId: string;
+ spaces?: Space[];
subscription?: Subscription;
}) {
const auth = useAuth();
const saving = useAction();
const form = useFormErrors();
+ const [category, setCategory] = useState(subscription?.category ?? 'other');
+ const [cancelUrl, setCancelUrl] = useState(subscription?.cancelUrl ?? '');
const customCycle = subscription && !billingCycles.some(([value]) => value === subscription.repeatRule);
const today = new Date().toISOString().slice(0, 10);
+ function fillKnown(name: string) {
+ const known = knownService(name);
+ if (!known || subscription) return;
+ if (category === 'other') setCategory(known.category);
+ if (!cancelUrl) setCancelUrl(known.cancelUrl);
+ }
+
return (