From 6321f5edf16803bbe9ef5610ac2e112a688224fb Mon Sep 17 00:00:00 2001
From: Matt Stein <m@ttste.in>
Date: Fri, 13 Jun 2025 17:12:48 -0700
Subject: [PATCH] Fix domain and API key labels. (#176)

---
 .../dashboard/dashboard-filters.tsx            | 10 +++++-----
 .../src/app/(dashboard)/emails/email-list.tsx  | 18 +++++++++---------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/dashboard/dashboard-filters.tsx b/apps/web/src/app/(dashboard)/dashboard/dashboard-filters.tsx
index 97bfbb9..ff65a0c 100644
--- a/apps/web/src/app/(dashboard)/dashboard/dashboard-filters.tsx
+++ b/apps/web/src/app/(dashboard)/dashboard/dashboard-filters.tsx
@@ -25,23 +25,23 @@ export default function DashboardFilters({
   const { data: domainsQuery } = api.domain.domains.useQuery();
 
   const handleDomain = (val: string) => {
-    setDomain(val === "All Domain" ? null : val);
+    setDomain(val === "All Domains" ? null : val);
   };
 
   return (
     <div className="flex gap-3">
       <Select
-        value={domain ?? "All Domain"}
+        value={domain ?? "All Domains"}
         onValueChange={(val) => handleDomain(val)}
       >
         <SelectTrigger className="w-[180px]">
           {domain
             ? domainsQuery?.find((d) => d.id === Number(domain))?.name
-            : "All Domain"}
+            : "All Domains"}
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value="All Domain" className="capitalize">
-            All Domain
+          <SelectItem value="All Domains" className="capitalize">
+            All Domains
           </SelectItem>
           {domainsQuery &&
             domainsQuery.map((domain) => (
diff --git a/apps/web/src/app/(dashboard)/emails/email-list.tsx b/apps/web/src/app/(dashboard)/emails/email-list.tsx
index 0650a33..75e69a7 100644
--- a/apps/web/src/app/(dashboard)/emails/email-list.tsx
+++ b/apps/web/src/app/(dashboard)/emails/email-list.tsx
@@ -82,11 +82,11 @@ export default function EmailsList() {
   };
 
   const handleDomain = (val: string) => {
-    setDomain(val === "All Domain" ? null : val);
+    setDomain(val === "All Domains" ? null : val);
   };
 
   const handleApiKey = (val: string) => {
-    setApiKey(val === "All ApiKey" ? null : val);
+    setApiKey(val === "All API Keys" ? null : val);
   };
 
   const handleSheetChange = (isOpen: boolean) => {
@@ -110,17 +110,17 @@ export default function EmailsList() {
         />
         <div className="flex justify-center items-center gap-x-3">
           <Select
-            value={apiKey ?? "All ApiKey"}
+            value={apiKey ?? "All API Keys"}
             onValueChange={(val) => handleApiKey(val)}
           >
             <SelectTrigger className="w-[180px]">
               {apiKey
                 ? apiKeysQuery?.find((apikey) => apikey.id === Number(apiKey))
                     ?.name
-                : "All ApiKey"}
+                : "All API Keys"}
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="All ApiKey">All ApiKey</SelectItem>
+              <SelectItem value="All API Keys">All API Keys</SelectItem>
               {apiKeysQuery &&
                 apiKeysQuery.map((apikey) => (
                   <SelectItem key={apikey.id} value={apikey.id.toString()}>
@@ -130,17 +130,17 @@ export default function EmailsList() {
             </SelectContent>
           </Select>
           <Select
-            value={domain ?? "All Domain"}
+            value={domain ?? "All Domains"}
             onValueChange={(val) => handleDomain(val)}
           >
             <SelectTrigger className="w-[180px]">
               {domain
                 ? domainsQuery?.find((d) => d.id === Number(domain))?.name
-                : "All Domain"}
+                : "All Domains"}
             </SelectTrigger>
             <SelectContent>
-              <SelectItem value="All Domain" className=" capitalize">
-                All Domain
+              <SelectItem value="All Domains" className=" capitalize">
+                All Domains
               </SelectItem>
               {domainsQuery &&
                 domainsQuery.map((domain) => (