feature: recurring transactions added- migrations, ui, api updated. Closes #5

prisma/migrations/20240225042831_create_recurring_transactions/migration.sql

@@ -0,0 +1,15 @@
+-- CreateTable
+CREATE TABLE "RecurringTransactions" (
+    "groupId" VARCHAR(255) NOT NULL,
+    "expenseId" VARCHAR(255) NOT NULL,
+    "createNextAt" INT NOT NULL,
+    "lockId" VARCHAR(255) DEFAULT NULL,
+
+    CONSTRAINT "RecurringTransactions_pkey" PRIMARY KEY ("groupId", "expenseId")
+);
+
+CREATE INDEX "idx_recurring_transactions_group_expense_next_create" ON "RecurringTransactions" ("groupId", "expenseId", "createNextAt" DESC);
+CREATE UNIQUE INDEX "idx_unq_recurring_transactions_lock_id" ON "RecurringTransactions" ("lockId");
+
+-- AlterTable
+ALTER TABLE "Expense" ADD COLUMN     "recurringDays" TEXT NOT NULL DEFAULT 0;

prisma/schema.prisma

@@ -53,6 +53,7 @@ model Expense {
   createdAt       DateTime          @default(now())
   documents       ExpenseDocument[]
   notes           String?
+  recurringDays  Int               @default(0)
 }
 
 model ExpenseDocument {
@@ -80,3 +81,13 @@ model ExpensePaidFor {
 
   @@id([expenseId, participantId])
 }
+
+model RecurringTransactions {
+  groupId         String
+  expenseId       String
+  createNextAt    Int
+  lockId          String?  @unique
+
+  @@id([groupId, expenseId])
+  @@index([groupId, expenseId, createNextAt(sort: Desc)])
+}

src/app/groups/[groupId]/expenses/[expenseId]/edit/page.tsx

@@ -36,10 +36,11 @@ export default async function EditExpensePage({
 
   async function deleteExpenseAction() {
     'use server'
-    await deleteExpense(expenseId)
+    await deleteExpense(groupId, expenseId)
     redirect(`/groups/${groupId}`)
   }
 
+
   return (
     <Suspense>
       <ExpenseForm

src/app/groups/[groupId]/expenses/page.tsx

@@ -104,7 +104,7 @@ export default async function GroupExpensesPage({
 async function Expenses({ groupId }: { groupId: string }) {
   const group = await cached.getGroup(groupId)
   if (!group) notFound()
-  const expenses = await getGroupExpenses(group.id)
+  const expenses = (await getGroupExpenses(group.id))
 
   return (
     <ExpenseList

src/app/groups/recent-group-list-card.tsx

@@ -54,7 +54,6 @@ export function RecentGroupListCard({
     })
 
   const isStarred = state.starredGroups.includes(group.id)
-  const isArchived = state.archivedGroups.includes(group.id)
 
   return (
     <li key={group.id}>

src/components/expense-form.tsx

@@ -51,6 +51,7 @@ import { match } from 'ts-pattern'
 import { DeletePopup } from './delete-popup'
 import { extractCategoryFromTitle } from './expense-form-actions'
 import { Textarea } from './ui/textarea'
+import { AsyncButton } from './async-button'
 
 export type Props = {
   group: NonNullable<Awaited<ReturnType<typeof getGroup>>>
@@ -164,6 +165,10 @@ export function ExpenseForm({
     return field?.value
   }
   const defaultSplittingOptions = getDefaultSplittingOptions(group)
+
+  const getRecurringField = (field?: { value: string }) => {
+    return field?.value
+  }
   const form = useForm<ExpenseFormValues>({
     resolver: zodResolver(expenseFormSchema),
     defaultValues: expense
@@ -182,6 +187,7 @@ export function ExpenseForm({
           isReimbursement: expense.isReimbursement,
           documents: expense.documents,
           notes: expense.notes ?? '',
+          recurringDays: String(expense.recurringDays),
         }
       : searchParams.get('reimbursement')
       ? {
@@ -205,6 +211,7 @@ export function ExpenseForm({
           saveDefaultSplittingOptions: false,
           documents: [],
           notes: '',
+          recurringDays: "0",
         }
       : {
           title: searchParams.get('title') ?? '',
@@ -232,7 +239,9 @@ export function ExpenseForm({
               ]
             : [],
           notes: '',
+          recurringDays: "0",
         },
+
   })
   const [isCategoryLoading, setCategoryLoading] = useState(false)
 
@@ -241,6 +250,7 @@ export function ExpenseForm({
     return onSubmit(values)
   }
 
+  const recurringDays = [{ "key": "Never","value": "0"}, { "key":"weekly", "value": "7"}, {"key": "fortnightly", "value": "14"}, {"key": "monthly", "value": "30"}, {"key": "bimonthly", "value": "60"}]
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(submit)}>
@@ -413,6 +423,34 @@ export function ExpenseForm({
                   <FormControl>
                     <Textarea className="text-base" {...field} />
                   </FormControl>
+                  </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="recurringDays"
+              render={({ field }) => (
+                <FormItem className="sm:order-5">
+                  <FormLabel>Recurring Days</FormLabel>
+                  <Select
+                    onValueChange={field.onChange}
+                    defaultValue={getRecurringField(field)}
+                  >
+                    <SelectTrigger>
+                      <SelectValue placeholder="Never" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {recurringDays.map(({ key, value }) => (
+                        <SelectItem key={key} value={value}>
+                          {key}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                  <FormDescription>
+                    Select recursive days.
+                  </FormDescription>
+                  <FormMessage />
                 </FormItem>
               )}
             />