feat(nameguard-react): canonical badge (#170)

* feat: canonical badge * refactor: canonical badge * bump deps
namehash · Nov 30, 2023 · 43fad09 · 43fad09
1 parent 850ca37
commit 43fad09
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 7 deletions.
diff --git a/packages/nameguard-react/package.json b/packages/nameguard-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@namehash/nameguard-react",
-  "version": "0.0.7",
+  "version": "0.0.11",
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch --clean=false",

diff --git a/packages/nameguard-react/src/components/GraphemeModal/ConfusableListItem.tsx b/packages/nameguard-react/src/components/GraphemeModal/ConfusableListItem.tsx
@@ -25,6 +25,11 @@ export const ConfusableListItem = ({ item }: ConfusableListItemProps) => {
       </div>
       <div className="md:grid md:grid-cols-7 md:gap-4 col-span-7 md:col-span-11">
         <div className="md:col-span-3">
+          {item.is_canonical && (
+            <div className="mb-1.5 -mt-4 relative text-green-800 text-xs font-medium rounded-full px-2 py-0.5 bg-green-100 inline-block">
+              Canonical
+            </div>
+          )}
           <p className="text-black text-sm font-medium">{item.grapheme_name}</p>
           <p className="hidden md:inline-block text-gray-500 text-sm font-normal">
             {item.grapheme_description}

diff --git a/packages/nameguard-react/src/components/Shield/Shield.tsx b/packages/nameguard-react/src/components/Shield/Shield.tsx
@@ -40,8 +40,6 @@ export const Shield = ({ name }: ShieldProps) => {
     (n: string) => nameguard.bulkInspectNames([parseName(n).outputName.name])
   );
 
-  console.log({ data });
-
   // const [result] = data.results;
   const result = data.results[0];
 

diff --git a/packages/nameguard-react/src/index.ts b/packages/nameguard-react/src/index.ts
@@ -7,4 +7,5 @@ export { useChatModalStore } from "./stores/chat";
 export { useSearchStore } from "./stores/search";
 
 export { NameBadge } from "./components/NameBadge/NameBadge";
+export { NameShield } from "./components/NameShield";
 export { Shield } from "./components/Shield/Shield";
diff --git a/packages/sdk/package.json b/packages/sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@namehash/nameguard",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "exports": {
     ".": {

diff --git a/packages/sdk/src/index.ts b/packages/sdk/src/index.ts
@@ -222,6 +222,11 @@ export interface ConsolidatedGraphemeGuardReport extends ConsolidatedReport {
    * A user-friendly description of the grapheme type.
    * */
   grapheme_description: string;
+
+  /**
+   * The canonical status for the current grapheme.
+   * */
+  is_canonical: boolean;
 }
 
 /**
@@ -527,7 +532,10 @@ class NameGuard {
   ): Promise<SecurePrimaryNameResult> {
     const network_name = options?.network || this.network;
 
-    const url = new URL(`secure-primary-name/${network_name}/${address}`, this.endpoint);
+    const url = new URL(
+      `secure-primary-name/${network_name}/${address}`,
+      this.endpoint
+    );
 
     const response = await fetch(url);
 
@@ -548,7 +556,10 @@ class NameGuard {
   ): Promise<FakeEthNameCheckResult> {
     const network_name = options?.network || this.network;
 
-    const url = new URL(`fake-eth-name-check/${network_name}/${contract_address}/${token_id}`, this.endpoint);
+    const url = new URL(
+      `fake-eth-name-check/${network_name}/${contract_address}/${token_id}`,
+      this.endpoint
+    );
 
     const response = await fetch(url);
 
@@ -649,7 +660,10 @@ class NameGuard {
 
     const network = options?.network || this.network;
 
-    const url = new URL(`inspect-namehash/${network}/${namehash}`, this.endpoint);
+    const url = new URL(
+      `inspect-namehash/${network}/${namehash}`,
+      this.endpoint
+    );
 
     const response = await fetch(url);