Fix domain and API key labels. (#176)

This commit is contained in:
Matt Stein
2025-06-13 17:12:48 -07:00
committed by GitHub
parent 142084af8e
commit 6321f5edf1
2 changed files with 14 additions and 14 deletions

View File

@@ -25,23 +25,23 @@ export default function DashboardFilters({
const { data: domainsQuery } = api.domain.domains.useQuery(); const { data: domainsQuery } = api.domain.domains.useQuery();
const handleDomain = (val: string) => { const handleDomain = (val: string) => {
setDomain(val === "All Domain" ? null : val); setDomain(val === "All Domains" ? null : val);
}; };
return ( return (
<div className="flex gap-3"> <div className="flex gap-3">
<Select <Select
value={domain ?? "All Domain"} value={domain ?? "All Domains"}
onValueChange={(val) => handleDomain(val)} onValueChange={(val) => handleDomain(val)}
> >
<SelectTrigger className="w-[180px]"> <SelectTrigger className="w-[180px]">
{domain {domain
? domainsQuery?.find((d) => d.id === Number(domain))?.name ? domainsQuery?.find((d) => d.id === Number(domain))?.name
: "All Domain"} : "All Domains"}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="All Domain" className="capitalize"> <SelectItem value="All Domains" className="capitalize">
All Domain All Domains
</SelectItem> </SelectItem>
{domainsQuery && {domainsQuery &&
domainsQuery.map((domain) => ( domainsQuery.map((domain) => (

View File

@@ -82,11 +82,11 @@ export default function EmailsList() {
}; };
const handleDomain = (val: string) => { const handleDomain = (val: string) => {
setDomain(val === "All Domain" ? null : val); setDomain(val === "All Domains" ? null : val);
}; };
const handleApiKey = (val: string) => { const handleApiKey = (val: string) => {
setApiKey(val === "All ApiKey" ? null : val); setApiKey(val === "All API Keys" ? null : val);
}; };
const handleSheetChange = (isOpen: boolean) => { const handleSheetChange = (isOpen: boolean) => {
@@ -110,17 +110,17 @@ export default function EmailsList() {
/> />
<div className="flex justify-center items-center gap-x-3"> <div className="flex justify-center items-center gap-x-3">
<Select <Select
value={apiKey ?? "All ApiKey"} value={apiKey ?? "All API Keys"}
onValueChange={(val) => handleApiKey(val)} onValueChange={(val) => handleApiKey(val)}
> >
<SelectTrigger className="w-[180px]"> <SelectTrigger className="w-[180px]">
{apiKey {apiKey
? apiKeysQuery?.find((apikey) => apikey.id === Number(apiKey)) ? apiKeysQuery?.find((apikey) => apikey.id === Number(apiKey))
?.name ?.name
: "All ApiKey"} : "All API Keys"}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="All ApiKey">All ApiKey</SelectItem> <SelectItem value="All API Keys">All API Keys</SelectItem>
{apiKeysQuery && {apiKeysQuery &&
apiKeysQuery.map((apikey) => ( apiKeysQuery.map((apikey) => (
<SelectItem key={apikey.id} value={apikey.id.toString()}> <SelectItem key={apikey.id} value={apikey.id.toString()}>
@@ -130,17 +130,17 @@ export default function EmailsList() {
</SelectContent> </SelectContent>
</Select> </Select>
<Select <Select
value={domain ?? "All Domain"} value={domain ?? "All Domains"}
onValueChange={(val) => handleDomain(val)} onValueChange={(val) => handleDomain(val)}
> >
<SelectTrigger className="w-[180px]"> <SelectTrigger className="w-[180px]">
{domain {domain
? domainsQuery?.find((d) => d.id === Number(domain))?.name ? domainsQuery?.find((d) => d.id === Number(domain))?.name
: "All Domain"} : "All Domains"}
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
<SelectItem value="All Domain" className=" capitalize"> <SelectItem value="All Domains" className=" capitalize">
All Domain All Domains
</SelectItem> </SelectItem>
{domainsQuery && {domainsQuery &&
domainsQuery.map((domain) => ( domainsQuery.map((domain) => (