From 34a3c8efa639f1c6e4c4232fa9b27205aee3f76f Mon Sep 17 00:00:00 2001 From: Xevion Date: Fri, 10 May 2024 05:58:35 -0500 Subject: [PATCH] Use placeholders constants with SimplifiedTargetType --- src/components/form/LookupInput.tsx | 3 ++- src/constants.ts | 8 ++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/components/form/LookupInput.tsx b/src/components/form/LookupInput.tsx index 5285089..4bdb9b3 100644 --- a/src/components/form/LookupInput.tsx +++ b/src/components/form/LookupInput.tsx @@ -12,6 +12,7 @@ import { import { Listbox, Transition } from "@headlessui/react"; import clsx from "clsx"; import type { Maybe } from "true-myth"; +import { placeholders } from "@/constants"; /** * Props for the LookupInput component. @@ -136,7 +137,7 @@ const LookupInput: FunctionComponent = ({ " focus:outline-none sm:text-sm md:py-3 md:text-base lg:text-lg" )} disabled={isLoading} - placeholder="A domain, an IP address, a TLD, an RDAP URL..." + placeholder={placeholders[selected]} type="search" {...register("target", { required: true, diff --git a/src/constants.ts b/src/constants.ts index bd4e57e..7c933e7 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,5 +1,5 @@ // see https://www.iana.org/assignments/rdap-json-values -import type { RdapStatusType, RootRegistryType, TargetType } from "@/types"; +import type { RdapStatusType, RootRegistryType, SimplifiedTargetType, TargetType } from "@/types"; export const rdapStatusInfo: Record = { validated: @@ -79,9 +79,9 @@ export const registryURLs: Record = { entity: "https://data.iana.org/rdap/object-tags.json", }; -export const placeholders: Record = { - ip4: "192.168.0.1/16", - ip6: "TODO: Complete this placeholder", +export const placeholders: Record = { + auto: "A domain, an IP address, a TLD, an RDAP URL...", + ip: "192.168.0.1/16 or 2001:db8::/32", autnum: "65535", entity: "ABC123-EXAMPLE", url: "https://rdap.org/domain/example.com",