feat: add radio filter for topup expiry ✨

app/(dashboard)/top-ups/page.tsx

@@ -48,6 +48,25 @@ export default async function Topups({
                 },
               ],
             },
+            {
+              label: "Topup Expiry",
+              name: "is_expired",
+              type: "radio-group",
+              options: [
+                {
+                  label: "All",
+                  value: "",
+                },
+                {
+                  label: "Expired",
+                  value: "true",
+                },
+                {
+                  label: "Not Expired",
+                  value: "false",
+                },
+              ],
+            },
             {
               label: "Topup Amount",
               name: "amount",

components/generic-filter.tsx

@@ -388,6 +388,25 @@ export default function DynamicFilter<
         </p>
       );
     }
+    if (config.type === "radio-group") {
+      const stringValue = value as string;
+      // For true/false values, display the label instead of the value
+      if (stringValue === "true" || stringValue === "false") {
+        const option = config.options.find((opt) => opt.value === stringValue);
+        const displayValue = option?.label || stringValue;
+        return (
+          <p>
+            {config.label}: <span className="text-muted-foreground">{displayValue}</span>
+          </p>
+        );
+      }
+      // For other values, display as normal
+      return (
+        <p>
+          {config.label}: <span className="text-muted-foreground">{stringValue}</span>
+        </p>
+      );
+    }
     return (
       <p>
         {config.label}: <span className="text-muted-foreground">{value}</span>

components/ui/app-sidebar.tsx

@@ -82,7 +82,7 @@ export async function AppSidebar({
 				},
 				{
 					title: "Parental Control",
-					link: "/parental-control",
+					link: "/parental-control?page=1",
 					icon: <CreditCard size={16} />,
 					perm_identifier: "device",
 				},