fix: minify domain

lfglabs-dev · Jul 18, 2024 · f54173c · f54173c
1 parent f451808
commit f54173c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git a/app/components/stats.tsx b/app/components/stats.tsx
@@ -3,7 +3,7 @@
 import React, { FunctionComponent, useEffect, useState } from "react";
 import styles from "../styles/components/stats.module.css";
 import { ethers } from "ethers";
-import { minifyAddress } from "@/utils/stringService";
+import { minifyAddress, shortenDomain } from "@/utils/stringService";
 import { StarknetIdNavigator } from "starknetid.js";
 
 type StatsProps = {
@@ -47,7 +47,7 @@ const Stats: FunctionComponent<StatsProps> = ({
       return fetch(`https://enstate.rs/n/${addr}`)
         .then((res) => res.json())
         .then((data) => {
-          if (data.name) return data.name;
+          if (data.name) return shortenDomain(data.name);
           else return minifyAddress(addr, true);
         })
         .catch(() => {
@@ -58,7 +58,7 @@ const Stats: FunctionComponent<StatsProps> = ({
       return starknetIdNavigator
         .getStarkName(addr)
         .then((name) => {
-          if (name) return name;
+          if (name) return shortenDomain(name);
           else return minifyAddress(addr, true);
         })
         .catch(() => {

diff --git a/utils/stringService.ts b/utils/stringService.ts
@@ -21,6 +21,22 @@ export function minifyAddress(
   return (firstPart + "..." + secondPart).toLowerCase();
 }
 
+export function shortenDomain(
+  domain?: string,
+  characterToBreak?: number
+): string {
+  if (!domain) return "";
+
+  if (domain.length > (characterToBreak ?? 20)) {
+    const firstPart = domain.substring(0, 5);
+    const secondPart = domain.substring(domain.length - 6, domain.length);
+
+    return (firstPart + "..." + secondPart).toLowerCase();
+  } else {
+    return domain.toLowerCase();
+  }
+}
+
 export function numberToWords(num: number): string {
   const numWords = [
     "ZERO",