From c3d6d7f2f1463a72895998b12d9f171cd7106955 Mon Sep 17 00:00:00 2001
From: "github-actions[bot] (aider)"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 2 Mar 2025 18:58:20 +0000
Subject: [PATCH 1/3] feat: Integrate search functionality in subscriptions
 list component

---
 src/app/(dashboard)/subscriptions.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/app/(dashboard)/subscriptions.tsx b/src/app/(dashboard)/subscriptions.tsx
index 425d8ab..121c3f5 100644
--- a/src/app/(dashboard)/subscriptions.tsx
+++ b/src/app/(dashboard)/subscriptions.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import {
   Plus,
   ShoppingBasket,
@@ -54,6 +54,7 @@ interface FilterState {
 
 export function SubscriptionsSection() {
   const { data: subscriptions, isLoading } = api.subscription.getAll.useQuery();
+  const [searchQuery, setSearchQuery] = useState("");
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [editingSubscription, setEditingSubscription] = useState<
     InputType["subscription"]["update"] | undefined
@@ -209,7 +210,18 @@ export function SubscriptionsSection() {
     return Array.from(methods);
   };
 
-  return (
+  const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchQuery(event.target.value);
+  };
+
+  const getFilteredSubscriptions = (
+    subscriptions: SubscriptionWithLatestPeriod[],
+  ) => {
+    if (!subscriptions) return [];
+    return subscriptions.filter((sub) =>
+      sub.name.toLowerCase().includes(searchQuery.toLowerCase()),
+    );
+  };
     <Card>
       <CardHeader className="flex flex-col space-y-4 sm:flex-row sm:items-center sm:justify-between sm:space-y-0">
         <div>
@@ -219,6 +231,13 @@ export function SubscriptionsSection() {
           </CardDescription>
         </div>
         <div className="flex w-full flex-col space-y-2 sm:w-auto sm:flex-row sm:space-x-2 sm:space-y-0">
+          <input
+            type="text"
+            placeholder="Search subscriptions..."
+            value={searchQuery}
+            onChange={handleSearchChange}
+            className="border rounded p-2"
+          />
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button variant="outline" size="sm" className="w-full sm:w-auto">

From 12655754deccca9369723c63055a8e30d7f53a5d Mon Sep 17 00:00:00 2001
From: "github-actions[bot] (aider)"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 2 Mar 2025 18:58:24 +0000
Subject: [PATCH 2/3] fix: Correct SEARCH/REPLACE block in subscriptions.tsx
 for matching lines

---
 src/app/(dashboard)/subscriptions.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/(dashboard)/subscriptions.tsx b/src/app/(dashboard)/subscriptions.tsx
index 121c3f5..359e54f 100644
--- a/src/app/(dashboard)/subscriptions.tsx
+++ b/src/app/(dashboard)/subscriptions.tsx
@@ -462,10 +462,9 @@ export function SubscriptionsSection() {
                   </TableCell>
                 </TableRow>
               ) : (
-                subscriptions &&
-                subscriptions.length > 0 &&
-                getFilteredAndSortedSubscriptions(subscriptions).map(
-                  (subscription) => (
+                getFilteredAndSortedSubscriptions(
+                  getFilteredSubscriptions(subscriptions)
+                ).map((subscription) => (
                     <TableRow key={subscription.id}>
                       <TableCell className="font-medium">
                         <div className="flex items-center gap-2">

From db9d03fbe5f91d7b5ee5a9014607cb852c924e42 Mon Sep 17 00:00:00 2001
From: "github-actions[bot] (aider)"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 2 Mar 2025 19:01:22 +0000
Subject: [PATCH 3/3] feat: Integrate search functionality in subscriptions
 list component

---
 src/app/(dashboard)/subscriptions.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/app/(dashboard)/subscriptions.tsx b/src/app/(dashboard)/subscriptions.tsx
index 359e54f..e3b4cad 100644
--- a/src/app/(dashboard)/subscriptions.tsx
+++ b/src/app/(dashboard)/subscriptions.tsx
@@ -222,6 +222,28 @@ export function SubscriptionsSection() {
       sub.name.toLowerCase().includes(searchQuery.toLowerCase()),
     );
   };
+
+  const getFilteredAndSortedSubscriptions = (
+    subscriptions: SubscriptionWithLatestPeriod[],
+  ) => {
+    if (!subscriptions) return [];
+
+    const filtered = getFilteredSubscriptions(subscriptions).filter((sub) => {
+      const paymentMethodMatch =
+        filters.paymentMethods.size === 0 ||
+        filters.paymentMethods.has(sub.paymentMethod?.name ?? null);
+
+      const subscriptionTypeMatch =
+        filters.subscriptionType === "all" ||
+        (filters.subscriptionType === "trial" && sub.latestPeriod?.isTrial) ||
+        (filters.subscriptionType === "non-trial" &&
+          !sub.latestPeriod?.isTrial);
+
+      return paymentMethodMatch && subscriptionTypeMatch;
+    });
+
+    return getSortedSubscriptions(filtered);
+  };
     <Card>
       <CardHeader className="flex flex-col space-y-4 sm:flex-row sm:items-center sm:justify-between sm:space-y-0">
         <div>