feat: price & limit in membership & subscription

Author: agmmtoo

app/(protected)/memberships/new/page.tsx

@@ -76,6 +76,8 @@ const FormSchema = z.object({
   fine_per_day: z.coerce.number({
     required_error: 'Fine per day is required.',
   }),
+  price: z.coerce.number(),
+  usage_limit: z.coerce.number(),
 })
 
 export default function ComboboxForm() {
@@ -89,12 +91,13 @@ export default function ComboboxForm() {
       duration: 1,
       active_loan_limit: 1,
       fine_per_day: 0,
+      price: 0,
+      usage_limit: 0,
     },
   })
 
   function onSubmit(data: z.infer<typeof FormSchema>) {
     createMembership(data)
-      .then(console.log)
       .then(() => {
         toast({
           title: 'Membership Created',
@@ -316,6 +319,46 @@ export default function ComboboxForm() {
               )}
             />
 
+            <FormField
+              control={form.control}
+              name="usage_limit"
+              render={({ field }) => (
+                <FormItem className="flex flex-col">
+                  <FormLabel>Usage Limit</FormLabel>
+                  <Input
+                    placeholder="Times"
+                    type="number"
+                    {...field}
+                    onChange={field.onChange}
+                  />
+                  <FormDescription>
+                    How many times can a membership be used?
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="price"
+              render={({ field }) => (
+                <FormItem className="flex flex-col">
+                  <FormLabel>Price</FormLabel>
+                  <Input
+                    placeholder="Pts"
+                    type="number"
+                    {...field}
+                    onChange={field.onChange}
+                  />
+                  <FormDescription>
+                    How much does the membership cost?
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
             <Button type="reset" variant="ghost" onClick={onReset}>
               Reset
             </Button>

app/(protected)/memberships/page.tsx

@@ -94,7 +94,9 @@ export default async function Memberships({
             <TableHead>Duration</TableHead>
             <TableHead>Borrow Limit</TableHead>
             <TableHead>Borrow Period</TableHead>
+            <TableHead>Active Limit</TableHead>
             <TableHead>Fine per Day</TableHead>
+            <TableHead>Price</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -103,9 +105,11 @@ export default async function Memberships({
               <TableCell>{m.name}</TableCell>
               <TableCell>{m.library.name}</TableCell>
               <TableCell>{m.duration} D</TableCell>
-              <TableCell>{m.active_loan_limit}</TableCell>
+              <TableCell>{m.usage_limit ?? '-'}</TableCell>
               <TableCell>{m.loan_period} D</TableCell>
+              <TableCell>{m.active_loan_limit}</TableCell>
               <TableCell>{m.fine_per_day ?? '-'} Pts</TableCell>
+              <TableCell>{m.price ?? '-'}</TableCell>
             </TableRow>
           ))}
         </TableBody>

app/(protected)/subscriptions/page.tsx

@@ -107,8 +107,10 @@ export default async function Subscriptions({
             <TableHead>Expires At</TableHead>
             <TableHead>Active Since</TableHead>
             <TableHead>Borrow Limit</TableHead>
+            <TableHead>Usage Limit</TableHead>
             <TableHead>Borrow Period</TableHead>
             <TableHead>Fine per Day</TableHead>
+            <TableHead>Amount</TableHead>
           </TableRow>
         </TableHeader>
         <TableBody>
@@ -124,8 +126,10 @@ export default async function Subscriptions({
                 <time dateTime={s.created_at}>{formatDate(s.created_at)}</time>
               </TableCell>
               <TableCell>{s.active_loan_limit}</TableCell>
+              <TableCell>{s.usage_limit ?? '-'}</TableCell>
               <TableCell>{s.loan_period} D</TableCell>
               <TableCell>{s.fine_per_day ?? '-'} Pts</TableCell>
+              <TableCell>{s.amount ?? '-'} Pts</TableCell>
             </TableRow>
           ))}
         </TableBody>

lib/types/membership.ts

@@ -6,6 +6,7 @@ export type Membership = WithCommon<{
   library_id: string
   duration: number
   active_loan_limit: number
+  usage_limit: number
   loan_period: number
   library: Pick<Library, 'id' | 'name'>
   fine_per_day: number

lib/types/subscription.ts

@@ -9,6 +9,7 @@ export type Subscription = WithCommon<{
   amount: number
   loan_period: number
   active_loan_limit: number
+  usage_limit: number
   user: Pick<User, 'id' | 'name'>
   membership: Pick<Membership, 'id' | 'name' | 'library_id' | 'library'>
   fine_per_day: number