From 7aafa6ae3a07aada79c78a85da8e6c085793eb25 Mon Sep 17 00:00:00 2001
From: Emmanuel <emmanuelogheneovo17@gmail.com>
Date: Fri, 16 May 2025 11:24:38 +0100
Subject: [PATCH 1/4] Fix: Center identities list and prevent overflow

---
 components/identities/availableIdentities.tsx |   4 +-
 package-lock.json                             | 120 ++++++++++++++++++
 2 files changed, 122 insertions(+), 2 deletions(-)

diff --git a/components/identities/availableIdentities.tsx b/components/identities/availableIdentities.tsx
index cad395cd..109c9314 100644
--- a/components/identities/availableIdentities.tsx
+++ b/components/identities/availableIdentities.tsx
@@ -234,7 +234,7 @@ const AvailableIdentities = ({ tokenId }: { tokenId: string }) => {
                     {ownedIdentities.map((domain, index) => (
                       <div
                         key={index}
-                        className="flex w-full items-center justify-start gap-1"
+                        className="flex w-full items-center justify-start gap-1 "
                       >
                         <button
                           className={`${
@@ -242,7 +242,7 @@ const AvailableIdentities = ({ tokenId }: { tokenId: string }) => {
                             domain.id === tokenId
                               ? "text-[#402D28]"
                               : " text-[#CDCCCC] font-normal hover:text-[#402D28]"
-                          } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 block w-fit text-center xl:text-left`}
+                          } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 block w-fit max-sm:pl-4  xl:text-left`}
                           key={index}
                           onClick={() => {
                             router.push(`/identities/${domain.id}`);
diff --git a/package-lock.json b/package-lock.json
index b8f1c8c0..162c8216 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23030,6 +23030,126 @@
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.28.tgz",
+      "integrity": "sha512-z6FXYHDJlFOzVEOiiJ/4NG8aLCeayZdcRSMjPDysW297Up6r22xw6Ea9AOwQqbNsth8JNgIK8EkWz2IDwaLQcw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.28.tgz",
+      "integrity": "sha512-9ARHLEQXhAilNJ7rgQX8xs9aH3yJSj888ssSjJLeldiZKR4D7N08MfMqljk77fAwZsWwsrp8ohHsMvurvv9liQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.28.tgz",
+      "integrity": "sha512-p6gvatI1nX41KCizEe6JkF0FS/cEEF0u23vKDpl+WhPe/fCTBeGkEBh7iW2cUM0rvquPVwPWdiUR6Ebr/kQWxQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.28.tgz",
+      "integrity": "sha512-nsiSnz2wO6GwMAX2o0iucONlVL7dNgKUqt/mDTATGO2NY59EO/ZKnKEr80BJFhuA5UC1KZOMblJHWZoqIJddpA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.28.tgz",
+      "integrity": "sha512-+IuGQKoI3abrXFqx7GtlvNOpeExUH1mTIqCrh1LGFf8DnlUcTmOOCApEnPJUSLrSbzOdsF2ho2KhnQoO0I1RDw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.28.tgz",
+      "integrity": "sha512-l61WZ3nevt4BAnGksUVFKy2uJP5DPz2E0Ma/Oklvo3sGj9sw3q7vBWONFRgz+ICiHpW5mV+mBrkB3XEubMrKaA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.28.tgz",
+      "integrity": "sha512-+Kcp1T3jHZnJ9v9VTJ/yf1t/xmtFAc/Sge4v7mVc1z+NYfYzisi8kJ9AsY8itbgq+WgEwMtOpiLLJsUy2qnXZw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.2.28",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.28.tgz",
+      "integrity": "sha512-1gCmpvyhz7DkB1srRItJTnmR2UwQPAUXXIg9r0/56g3O8etGmwlX68skKXJOp9EejW3hhv7nSQUJ2raFiz4MoA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     }
   }
 }

From da0b959280d87f0026d1dca11c051cc35d661fb5 Mon Sep 17 00:00:00 2001
From: Emmanuel <emmanuelogheneovo17@gmail.com>
Date: Fri, 16 May 2025 12:29:32 +0100
Subject: [PATCH 2/4] Fix: Center identities list and prevent overflow

---
 components/identities/availableIdentities.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/identities/availableIdentities.tsx b/components/identities/availableIdentities.tsx
index 109c9314..3e03bae1 100644
--- a/components/identities/availableIdentities.tsx
+++ b/components/identities/availableIdentities.tsx
@@ -242,7 +242,7 @@ const AvailableIdentities = ({ tokenId }: { tokenId: string }) => {
                             domain.id === tokenId
                               ? "text-[#402D28]"
                               : " text-[#CDCCCC] font-normal hover:text-[#402D28]"
-                          } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 block w-fit max-sm:pl-4  xl:text-left`}
+                          } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 block w-full max-sm:pl-4  xl:text-left`}
                           key={index}
                           onClick={() => {
                             router.push(`/identities/${domain.id}`);

From a15d613cd11aa105e56e836bc2499198ab6b2f8f Mon Sep 17 00:00:00 2001
From: Emmanuel <emmanuelogheneovo17@gmail.com>
Date: Fri, 16 May 2025 15:01:54 +0100
Subject: [PATCH 3/4] Fix: Center identities list and prevent overflow

---
 components/identities/availableIdentities.tsx | 47 +++++++++----------
 1 file changed, 21 insertions(+), 26 deletions(-)

diff --git a/components/identities/availableIdentities.tsx b/components/identities/availableIdentities.tsx
index 3e03bae1..d1a95303 100644
--- a/components/identities/availableIdentities.tsx
+++ b/components/identities/availableIdentities.tsx
@@ -232,28 +232,23 @@ const AvailableIdentities = ({ tokenId }: { tokenId: string }) => {
                 >
                   <div className="h-full md:min-h-[80%] w-full overflow-y-auto hide-scrollbar flex flex-col gap-[2px] ">
                     {ownedIdentities.map((domain, index) => (
-                      <div
-                        key={index}
-                        className="flex w-full items-center justify-start gap-1 "
-                      >
-                        <button
-                          className={`${
-                            domain.id === router.query.tokenId ||
-                            domain.id === tokenId
-                              ? "text-[#402D28]"
-                              : " text-[#CDCCCC] font-normal hover:text-[#402D28]"
-                          } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 block w-full max-sm:pl-4  xl:text-left`}
-                          key={index}
-                          onClick={() => {
-                            router.push(`/identities/${domain.id}`);
-                            if (isIdentityExpired(domain)) {
-                              setSelectedExpiredDomain(domain);
-                              setDomainExpiredModalOpen(true);
-                            }
-                          }}
-                        >
-                          {domain.domain ? domain.domain : domain.id}
-                        </button>
+                    <div key={index} className="w-full">
+                    <button
+                      className={`${
+                        domain.id === router.query.tokenId || domain.id === tokenId
+                          ? "text-[#402D28]"
+                          : "text-[#CDCCCC] font-normal hover:text-[#402D28]"
+                      } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 w-full max-sm:pl-4 text-left`}
+                      onClick={() => {
+                        router.push(`/identities/${domain.id}`);
+                        if (isIdentityExpired(domain)) {
+                          setSelectedExpiredDomain(domain);
+                          setDomainExpiredModalOpen(true);
+                        }
+                      }}
+                    >
+                      <span className="flex items-center gap-1">
+                        {domain.domain ? domain.domain : domain.id}
                         {isIdentityExpired(domain) && (
                           <Tooltip
                             title={
@@ -277,12 +272,12 @@ const AvailableIdentities = ({ tokenId }: { tokenId: string }) => {
                               },
                             }}
                           >
-                            <div className="flex w-[16px] h-[16px] items-center justify-center">
-                              <FaCircle className="text-red-500 text-[8px] ml-1" />
-                            </div>
+                            <FaCircle className="text-red-500 text-[8px]" />
                           </Tooltip>
                         )}
-                      </div>
+                      </span>
+                    </button>
+                  </div>
                     ))}
                   </div>
                   <button

From b30e639c3936dd4b11d4bd6a78a3567aef852273 Mon Sep 17 00:00:00 2001
From: Nico <60229704+Marchand-Nicolas@users.noreply.github.com>
Date: Wed, 21 May 2025 18:49:51 +0200
Subject: [PATCH 4/4] small fix

---
 components/identities/availableIdentities.tsx | 92 ++++++++++---------
 1 file changed, 47 insertions(+), 45 deletions(-)

diff --git a/components/identities/availableIdentities.tsx b/components/identities/availableIdentities.tsx
index d1a95303..24c32d75 100644
--- a/components/identities/availableIdentities.tsx
+++ b/components/identities/availableIdentities.tsx
@@ -232,52 +232,54 @@ const AvailableIdentities = ({ tokenId }: { tokenId: string }) => {
                 >
                   <div className="h-full md:min-h-[80%] w-full overflow-y-auto hide-scrollbar flex flex-col gap-[2px] ">
                     {ownedIdentities.map((domain, index) => (
-                    <div key={index} className="w-full">
-                    <button
-                      className={`${
-                        domain.id === router.query.tokenId || domain.id === tokenId
-                          ? "text-[#402D28]"
-                          : "text-[#CDCCCC] font-normal hover:text-[#402D28]"
-                      } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 w-full max-sm:pl-4 text-left`}
-                      onClick={() => {
-                        router.push(`/identities/${domain.id}`);
-                        if (isIdentityExpired(domain)) {
-                          setSelectedExpiredDomain(domain);
-                          setDomainExpiredModalOpen(true);
-                        }
-                      }}
-                    >
-                      <span className="flex items-center gap-1">
-                        {domain.domain ? domain.domain : domain.id}
-                        {isIdentityExpired(domain) && (
-                          <Tooltip
-                            title={
-                              <span className="font-poppins font-medium text-sm leading-5 tracking-normal text-white w-full text-center">
-                                Domain Expired
-                              </span>
+                      <div key={index} className="w-full">
+                        <button
+                          className={`${
+                            domain.id === router.query.tokenId ||
+                            domain.id === tokenId
+                              ? "text-[#402D28]"
+                              : "text-[#CDCCCC] font-normal hover:text-[#402D28]"
+                          } font-bold text-lg sm:text-md lg:text-md leading-5 cursor-pointer transition-all duration-300 border-[#4545451A] border-b-[1px] md:border-none md:py-0 py-6 md:my-3 w-full max-sm:pl-4 text-left items-center flex justify-center xl:justify-start`}
+                          onClick={() => {
+                            router.push(`/identities/${domain.id}`);
+                            if (isIdentityExpired(domain)) {
+                              setSelectedExpiredDomain(domain);
+                              setDomainExpiredModalOpen(true);
                             }
-                            componentsProps={{
-                              tooltip: {
-                                sx: {
-                                  bgcolor: "#402D28",
-                                  height: "36px",
-                                  width: "135px",
-                                  display: "flex",
-                                  alignItems: "center",
-                                  justifyContent: "center",
-                                  borderRadius: "8px",
-                                  boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.2)",
-                                  padding: "0 12px",
-                                },
-                              },
-                            }}
-                          >
-                            <FaCircle className="text-red-500 text-[8px]" />
-                          </Tooltip>
-                        )}
-                      </span>
-                    </button>
-                  </div>
+                          }}
+                        >
+                          <span className="flex items-center gap-1">
+                            {domain.domain ? domain.domain : domain.id}
+                            {isIdentityExpired(domain) && (
+                              <Tooltip
+                                title={
+                                  <span className="font-poppins font-medium text-sm leading-5 tracking-normal text-white w-full text-center">
+                                    Domain Expired
+                                  </span>
+                                }
+                                componentsProps={{
+                                  tooltip: {
+                                    sx: {
+                                      bgcolor: "#402D28",
+                                      height: "36px",
+                                      width: "135px",
+                                      display: "flex",
+                                      alignItems: "center",
+                                      justifyContent: "center",
+                                      borderRadius: "8px",
+                                      boxShadow:
+                                        "0px 4px 12px rgba(0, 0, 0, 0.2)",
+                                      padding: "0 12px",
+                                    },
+                                  },
+                                }}
+                              >
+                                <FaCircle className="text-red-500 text-[8px]" />
+                              </Tooltip>
+                            )}
+                          </span>
+                        </button>
+                      </div>
                     ))}
                   </div>
                   <button