Fix domain and API key labels. (#176)
This commit is contained in:
@@ -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) => (
|
||||||
|
@@ -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) => (
|
||||||
|
Reference in New Issue
Block a user