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