diff --git a/.changeset/thin-eels-burn.md b/.changeset/thin-eels-burn.md new file mode 100644 index 000000000..c020770ef --- /dev/null +++ b/.changeset/thin-eels-burn.md @@ -0,0 +1,5 @@ +--- +"@namehash/nameguard-react": patch +--- + +Add support for uninspected NameGuard reports. diff --git a/packages/nameguard-react/src/components/Report/LabelList.tsx b/packages/nameguard-react/src/components/Report/LabelList.tsx index 0813234e4..307074102 100644 --- a/packages/nameguard-react/src/components/Report/LabelList.tsx +++ b/packages/nameguard-react/src/components/Report/LabelList.tsx @@ -1,16 +1,16 @@ import React from "react"; -import type { NameGuardReport } from "@namehash/nameguard"; +import type { LabelGuardReport } from "@namehash/nameguard"; import { LabelListItem } from "./LabelListItem"; type LabelListProps = { - items?: NameGuardReport["labels"]; + items: LabelGuardReport[]; }; export function LabelList({ items = [] }: LabelListProps) { - const rawLabels = items.map((i) => i.label) ?? []; + const rawLabels = items.map((i) => i.label); - return items?.map((label, index) => ( + return items.map((label, index) => ( - {isLoading && !hadLoadingError && normalizationUnknown && ( )} {isLoading && !hadLoadingError && !normalizationUnknown && ( )} - {hadLoadingError && } {data && ( @@ -145,14 +143,19 @@ export const Report = ({ ))} -
-

- Name inspection -

- - -
+ + )} + {data && data.inspected && ( +
+

+ Name inspection +

+ +
+ )} + {data && ( + diff --git a/packages/nameguard-react/src/components/Search/SearchEmptyState.tsx b/packages/nameguard-react/src/components/Search/SearchEmptyState.tsx index f211b54fb..64c6cf6a2 100644 --- a/packages/nameguard-react/src/components/Search/SearchEmptyState.tsx +++ b/packages/nameguard-react/src/components/Search/SearchEmptyState.tsx @@ -26,6 +26,7 @@ const examples = [ "unknоwn.eth", "john🇺🇸", "7️⃣7️⃣7️⃣.eth", + "extremelylongnamethatgoesonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandonandon.eth", ].map((name) => buildENSName(name)); export const SearchEmptyState = () => { diff --git a/packages/nameguard-react/src/components/Tooltip/Tooltip.tsx b/packages/nameguard-react/src/components/Tooltip/Tooltip.tsx index 49dfb8331..dad22eee8 100644 --- a/packages/nameguard-react/src/components/Tooltip/Tooltip.tsx +++ b/packages/nameguard-react/src/components/Tooltip/Tooltip.tsx @@ -28,7 +28,7 @@ export function Tooltip({ placement = "top", /* - Props are applied to the Float component, + Props are applied to the Float component, which is a wrapper for the tooltip "children". */ ...props