From 39eabdcfac2cac0555adf74025e83996475b3c7a Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Wed, 9 Apr 2025 12:01:37 +0200
Subject: [PATCH 01/16] Add token verification page

---
 src/app/token-verify/page.tsx | 63 +++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 src/app/token-verify/page.tsx

diff --git a/src/app/token-verify/page.tsx b/src/app/token-verify/page.tsx
new file mode 100644
index 0000000..dc0414e
--- /dev/null
+++ b/src/app/token-verify/page.tsx
@@ -0,0 +1,63 @@
+import { Hero } from "@/app/_components/hero";
+import { Summary } from "@/app/_components/summary";
+import React from "react";
+
+// icons
+import icon_info from "@/app/(homepage)/_icons/16px/info.svg";
+
+export default function TokenVerify() {
+  return (
+    <>
+      <Hero>
+        <div className="max-w-6xl px-5 md:mx-auto">
+          <div className="md:col-span-7">
+            <div className="text-5xl font-bold mt-4 mb-8 leading-[4rem]">Token Verification</div>
+          </div>
+          <div className="mb-8">
+            <Summary
+              data={[
+                {title: 'Status', value: 'Enter token ID for verification', icon: icon_info},
+              ]}
+            />
+          </div>
+          
+          <div className="mb-8">
+            <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm">
+              <h2 className="text-xl font-semibold mb-4">Enter Token ID</h2>
+              <div className="flex flex-col md:flex-row gap-4">
+                <input 
+                  type="text" 
+                  placeholder="Token ID" 
+                  className="flex-grow p-3 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+                />
+                <button 
+                  className="px-6 py-3 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
+                >
+                  Verify
+                </button>
+              </div>
+              <p className="mt-4 text-sm text-gray-600 dark:text-gray-400">
+                Enter token ID to verify its status and authenticity.
+              </p>
+            </div>
+          </div>
+        </div>
+      </Hero>
+      <div className="max-w-6xl w-full px-5 md:mx-auto mb-8">
+        <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm">
+          <h2 className="text-xl font-semibold mb-4">Verification Information</h2>
+          <p className="text-gray-600 dark:text-gray-400">
+            This page allows you to verify the authenticity and status of a token on the Mintlayer network.
+            After entering the token ID, you will receive complete information about it, including:
+          </p>
+          <ul className="list-disc ml-6 mt-2 text-gray-600 dark:text-gray-400">
+            <li>Verification status</li>
+            <li>Creation date</li>
+            <li>Token issuer information</li>
+            <li>Transaction history</li>
+          </ul>
+        </div>
+      </div>
+    </>
+  );
+} 
\ No newline at end of file

From 8fd01ae65f95dd8b03dca6677bb4d06958281a31 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Wed, 9 Apr 2025 13:52:09 +0200
Subject: [PATCH 02/16] Add token verification form component and update
 token-verify page

---
 .../token-verification-form/index.tsx         | 194 ++++++++++++++++++
 src/app/token-verify/page.tsx                 |  37 +---
 2 files changed, 202 insertions(+), 29 deletions(-)
 create mode 100644 src/app/_components/token-verification-form/index.tsx

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
new file mode 100644
index 0000000..42e35cf
--- /dev/null
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -0,0 +1,194 @@
+'use client'
+
+import { useState } from 'react'
+
+export default function TokenVerificationForm() {
+  const [formData, setFormData] = useState({
+    tokenId: '',
+    ticker: '',
+    projectName: '',
+    description: '',
+    website: '',
+    logoUrl: '',
+    contactInfo: '',
+    email: '',
+    links: '',
+    submitterName: '',
+    agreed: false,
+  })
+
+  const handleChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
+  ) => {
+    const { name, value, type, checked } = e.target as any
+    setFormData((prev) => ({
+      ...prev,
+      [name]: type === 'checkbox' ? checked : value,
+    }))
+  }
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    const { tokenId, ticker, projectName, description, email, agreed } = formData
+
+    if (!tokenId || !ticker || !projectName || !description || !email || !agreed) {
+      alert('Please fill in all required fields and agree to the terms.')
+      return
+    }
+
+    console.log('Token verification request:', formData)
+    alert('Request submitted!')
+  }
+
+  return (
+    <div className="max-w-3xl mx-auto bg-white p-8 rounded-xl shadow-md mt-10">
+      <h2 className="text-3xl font-bold mb-6 text-gray-800">
+        Token Verification Request
+      </h2>
+      <form onSubmit={handleSubmit} className="space-y-5">
+        <div>
+          <label className="block font-medium mb-1">Token ID *</label>
+          <input
+            type="text"
+            name="tokenId"
+            value={formData.tokenId}
+            onChange={handleChange}
+            className="w-full p-2 border border-gray-300 rounded-md"
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Token Symbol (Ticker) *</label>
+          <input
+            type="text"
+            name="ticker"
+            value={formData.ticker}
+            onChange={handleChange}
+            className="w-full p-2 border border-gray-300 rounded-md"
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Project Name *</label>
+          <input
+            type="text"
+            name="projectName"
+            value={formData.projectName}
+            onChange={handleChange}
+            className="w-full p-2 border border-gray-300 rounded-md"
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Project Description *</label>
+          <textarea
+            name="description"
+            value={formData.description}
+            onChange={handleChange}
+            rows={4}
+            className="w-full p-2 border border-gray-300 rounded-md"
+            required
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Website (if available)</label>
+          <input
+            type="url"
+            name="website"
+            value={formData.website}
+            onChange={handleChange}
+            placeholder="https://example.com"
+            className="w-full p-2 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Token Logo (URL)</label>
+          <input
+            type="url"
+            name="logoUrl"
+            value={formData.logoUrl}
+            onChange={handleChange}
+            placeholder="https://example.com/logo.png"
+            className="w-full p-2 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">
+            Contact Information (Telegram, Discord, X, etc.)
+          </label>
+          <textarea
+            name="contactInfo"
+            value={formData.contactInfo}
+            onChange={handleChange}
+            rows={2}
+            className="w-full p-2 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">
+            Additional Links (GitHub, Docs, Whitepaper)
+          </label>
+          <textarea
+            name="links"
+            value={formData.links}
+            onChange={handleChange}
+            rows={2}
+            placeholder="https://github.com/project&#10;https://docs.project.com"
+            className="w-full p-2 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Your Name (if different from project)</label>
+          <input
+            type="text"
+            name="submitterName"
+            value={formData.submitterName}
+            onChange={handleChange}
+            className="w-full p-2 border border-gray-300 rounded-md"
+          />
+        </div>
+
+        <div>
+          <label className="block font-medium mb-1">Contact Email *</label>
+          <input
+            type="email"
+            name="email"
+            value={formData.email}
+            onChange={handleChange}
+            className="w-full p-2 border border-gray-300 rounded-md"
+            required
+          />
+        </div>
+
+        <div className="flex items-start gap-2">
+          <input
+            type="checkbox"
+            name="agreed"
+            checked={formData.agreed}
+            onChange={handleChange}
+            className="mt-1"
+            required
+          />
+          <label className="text-sm text-gray-700">
+            I agree to the <a href="/terms" className="text-blue-600 underline">terms and conditions</a>
+          </label>
+        </div>
+
+        <button
+          type="submit"
+          className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-lg"
+        >
+          Submit Request
+        </button>
+      </form>
+    </div>
+  )
+} 
\ No newline at end of file
diff --git a/src/app/token-verify/page.tsx b/src/app/token-verify/page.tsx
index dc0414e..f5ce89e 100644
--- a/src/app/token-verify/page.tsx
+++ b/src/app/token-verify/page.tsx
@@ -1,5 +1,5 @@
 import { Hero } from "@/app/_components/hero";
-import { Summary } from "@/app/_components/summary";
+import TokenVerificationForm from "@/app/_components/token-verification-form";
 import React from "react";
 
 // icons
@@ -12,37 +12,16 @@ export default function TokenVerify() {
         <div className="max-w-6xl px-5 md:mx-auto">
           <div className="md:col-span-7">
             <div className="text-5xl font-bold mt-4 mb-8 leading-[4rem]">Token Verification</div>
-          </div>
-          <div className="mb-8">
-            <Summary
-              data={[
-                {title: 'Status', value: 'Enter token ID for verification', icon: icon_info},
-              ]}
-            />
-          </div>
-          
-          <div className="mb-8">
-            <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm">
-              <h2 className="text-xl font-semibold mb-4">Enter Token ID</h2>
-              <div className="flex flex-col md:flex-row gap-4">
-                <input 
-                  type="text" 
-                  placeholder="Token ID" 
-                  className="flex-grow p-3 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-                />
-                <button 
-                  className="px-6 py-3 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"
-                >
-                  Verify
-                </button>
-              </div>
-              <p className="mt-4 text-sm text-gray-600 dark:text-gray-400">
-                Enter token ID to verify its status and authenticity.
-              </p>
-            </div>
+            <p className="text-lg mb-8 text-gray-600">
+              Use this page to submit a request for token verification on the Mintlayer network.
+              This will help users identify your token as legitimate and increase trust.
+            </p>
           </div>
         </div>
       </Hero>
+      <div className="max-w-6xl w-full px-5 md:mx-auto pb-10">
+        <TokenVerificationForm />
+      </div>
       <div className="max-w-6xl w-full px-5 md:mx-auto mb-8">
         <div className="bg-white dark:bg-gray-800 rounded-lg p-6 shadow-sm">
           <h2 className="text-xl font-semibold mb-4">Verification Information</h2>

From b2a4da8f46a2aca971044ff3bbdad6d437366ec1 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Wed, 9 Apr 2025 14:35:01 +0200
Subject: [PATCH 03/16] Add Telegram bot integration to token verification form

---
 .../token-verification-form/index.tsx         | 62 +++++++++++++++++--
 1 file changed, 57 insertions(+), 5 deletions(-)

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index 42e35cf..e9a9389 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -27,17 +27,69 @@ export default function TokenVerificationForm() {
     }))
   }
 
-  const handleSubmit = (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
+  
     const { tokenId, ticker, projectName, description, email, agreed } = formData
-
+  
     if (!tokenId || !ticker || !projectName || !description || !email || !agreed) {
       alert('Please fill in all required fields and agree to the terms.')
       return
     }
-
-    console.log('Token verification request:', formData)
-    alert('Request submitted!')
+  
+    const TELEGRAM_BOT_TOKEN = process.env.NEXT_PUBLIC_TELEGRAM_BOT_TOKEN!
+    const TELEGRAM_CHAT_ID = process.env.NEXT_PUBLIC_TELEGRAM_CHAT_ID!
+  
+    const message = `
+🟦 *New token verification request*
+🔹 *Token ID:* ${formData.tokenId}
+🔹 *Ticker:* ${formData.ticker}
+🔹 *Project Name:* ${formData.projectName}
+🔹 *Description:* ${formData.description}
+🔹 *Website:* ${formData.website || '-'}
+🔹 *Logo:* ${formData.logoUrl || '-'}
+🔹 *Contact Info:* ${formData.contactInfo || '-'}
+🔹 *Additional Links:* ${formData.links || '-'}
+🔹 *Submitter:* ${formData.submitterName || '-'}
+📧 *Email:* ${formData.email}
+`
+  
+    try {
+      const res = await fetch(`https://api.telegram.org/bot${TELEGRAM_BOT_TOKEN}/sendMessage`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          chat_id: TELEGRAM_CHAT_ID,
+          text: message,
+          parse_mode: 'Markdown',
+        }),
+      })
+  
+      if (res.ok) {
+        alert('Request submitted successfully!')
+        // Reset form after successful submission
+        setFormData({
+          tokenId: '',
+          ticker: '',
+          projectName: '',
+          description: '',
+          website: '',
+          logoUrl: '',
+          contactInfo: '',
+          email: '',
+          links: '',
+          submitterName: '',
+          agreed: false,
+        })
+      } else {
+        alert('Error sending to Telegram.')
+      }
+    } catch (error) {
+      console.error('Telegram error:', error)
+      alert('Connection error with Telegram.')
+    }
   }
 
   return (

From f66bfd7fe9b7af0744c2aef7456a5af75b454040 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 10:45:04 +0200
Subject: [PATCH 04/16] Change submit button and checkbox color to #37DB8C

---
 src/app/_components/token-verification-form/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index e9a9389..9ee3775 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -226,17 +226,17 @@ export default function TokenVerificationForm() {
             name="agreed"
             checked={formData.agreed}
             onChange={handleChange}
-            className="mt-1"
+            className="mt-1 accent-[#37DB8C]"
             required
           />
           <label className="text-sm text-gray-700">
-            I agree to the <a href="/terms" className="text-blue-600 underline">terms and conditions</a>
+            I agree to the <a href="/terms" className="text-[#37DB8C] underline">terms and conditions</a>
           </label>
         </div>
 
         <button
           type="submit"
-          className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-lg"
+          className="w-full bg-[#37DB8C] hover:bg-[#2fb978] text-white font-semibold py-2 px-4 rounded-lg"
         >
           Submit Request
         </button>

From 742d523500f30dfb258889eb56fbde2fedacc8b9 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 10:52:15 +0200
Subject: [PATCH 05/16] Update button style to match header colors

---
 src/app/_components/token-verification-form/index.tsx | 6 +++---
 tailwind.config.ts                                    | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index 9ee3775..2f2e5dc 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -226,17 +226,17 @@ export default function TokenVerificationForm() {
             name="agreed"
             checked={formData.agreed}
             onChange={handleChange}
-            className="mt-1 accent-[#37DB8C]"
+            className="mt-1 accent-primary-100"
             required
           />
           <label className="text-sm text-gray-700">
-            I agree to the <a href="/terms" className="text-[#37DB8C] underline">terms and conditions</a>
+            I agree to the <a href="/terms" className="text-primary-100 underline">terms and conditions</a>
           </label>
         </div>
 
         <button
           type="submit"
-          className="w-full bg-[#37DB8C] hover:bg-[#2fb978] text-white font-semibold py-2 px-4 rounded-lg"
+          className="w-full bg-secondary-100 hover:bg-secondary-110 text-base-black font-semibold py-2 px-4 rounded-lg"
         >
           Submit Request
         </button>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 98b0c83..5cc45b8 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -16,6 +16,7 @@ const mainnetColors = {
     black: "rgba(12, 39, 34, 1)",
     gray40: "rgba(148, 164, 161, 1)",
   },
+  mint: "#37DB8C",
   background: "rgba(241, 243, 243, 1)",
 };
 
@@ -34,6 +35,7 @@ const testnetColors = {
     black: "rgba(12, 39, 34, 1)",
     gray40: "rgba(148, 164, 161, 1)",
   },
+  mint: "#37DB8C",
   background: "rgba(241, 243, 243, 1)",
 };
 

From c36a66f40f984eccae3102ec1a27ff0882afbb62 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 10:57:24 +0200
Subject: [PATCH 06/16] Update button style to match footer dark theme

---
 src/app/_components/token-verification-form/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index 2f2e5dc..202ca7a 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -236,7 +236,7 @@ export default function TokenVerificationForm() {
 
         <button
           type="submit"
-          className="w-full bg-secondary-100 hover:bg-secondary-110 text-base-black font-semibold py-2 px-4 rounded-lg"
+          className="w-full bg-base-dark hover:bg-opacity-90 text-white font-semibold py-2 px-4 rounded-lg transition-colors"
         >
           Submit Request
         </button>

From 03cfbb61ff6013c51d0bfd066f6b1729cfee546d Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 11:06:25 +0200
Subject: [PATCH 07/16] Change button color to primary.100 (gray-green)

---
 src/app/_components/token-verification-form/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index 202ca7a..40124ce 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -236,7 +236,7 @@ export default function TokenVerificationForm() {
 
         <button
           type="submit"
-          className="w-full bg-base-dark hover:bg-opacity-90 text-white font-semibold py-2 px-4 rounded-lg transition-colors"
+          className="w-full bg-primary-100 hover:bg-primary-110 text-white font-semibold py-2 px-4 rounded-lg transition-colors"
         >
           Submit Request
         </button>

From 17f07df10b13523fa9887b718ccfc700a84c5913 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 11:35:12 +0200
Subject: [PATCH 08/16] Add token data fetching from URL and form auto-filling

---
 .../token-verification-form/index.tsx         | 59 ++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index 40124ce..426b12e 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -1,8 +1,16 @@
 'use client'
 
-import { useState } from 'react'
+import { useState, useEffect } from 'react'
+import { useSearchParams } from 'next/navigation'
 
 export default function TokenVerificationForm() {
+  const searchParams = useSearchParams()
+  const tokenIdFromUrl = searchParams.get('tokenId')
+
+  const [tokenInfo, setTokenInfo] = useState<any>(null)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
   const [formData, setFormData] = useState({
     tokenId: '',
     ticker: '',
@@ -17,6 +25,35 @@ export default function TokenVerificationForm() {
     agreed: false,
   })
 
+  useEffect(() => {
+    if (tokenIdFromUrl) {
+      setLoading(true)
+      fetch(`https://api-server-lovelace.mintlayer.org/api/v2/token/${tokenIdFromUrl}`)
+        .then((res) => {
+          if (!res.ok) throw new Error('Token not found')
+          return res.json()
+        })
+        .then((data) => {
+          setTokenInfo(data)
+          setLoading(false)
+
+          // Автозаполнение формы:
+          setFormData((prev) => ({
+            ...prev,
+            tokenId: data.token_id,
+            ticker: data.ticker || '',
+            projectName: data.ticker || '',
+            description: '', // остаётся пустым — пользователь сам заполняет
+          }))
+        })
+        .catch((err) => {
+          console.error(err)
+          setError('Unable to load token information')
+          setLoading(false)
+        })
+    }
+  }, [tokenIdFromUrl])
+
   const handleChange = (
     e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
   ) => {
@@ -97,6 +134,26 @@ export default function TokenVerificationForm() {
       <h2 className="text-3xl font-bold mb-6 text-gray-800">
         Token Verification Request
       </h2>
+      
+      {tokenIdFromUrl && (
+        <div className="bg-white p-4 border border-gray-300 rounded-lg mb-6">
+          <h3 className="font-semibold text-lg mb-3">Token Information:</h3>
+
+          {loading && <p className="text-gray-500">Loading...</p>}
+          {error && <p className="text-red-500">{error}</p>}
+
+          {tokenInfo && (
+            <ul className="text-sm text-gray-700 space-y-1">
+              <li><strong>Token ID:</strong> {tokenInfo.token_id}</li>
+              <li><strong>Ticker:</strong> {tokenInfo.ticker}</li>
+              <li><strong>Total supply:</strong> {tokenInfo.total_supply}</li>
+              <li><strong>Frozen:</strong> {tokenInfo.frozen ? 'yes' : 'no'}</li>
+              <li><strong>Locked:</strong> {tokenInfo.locked ? 'yes' : 'no'}</li>
+            </ul>
+          )}
+        </div>
+      )}
+      
       <form onSubmit={handleSubmit} className="space-y-5">
         <div>
           <label className="block font-medium mb-1">Token ID *</label>

From 36c1bfccfcf0e9e80766c9d381716da5a0c334eb Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 12:06:27 +0200
Subject: [PATCH 09/16] Fix token loader implementation with separate component

---
 .../token-verification-form/index.tsx         | 61 ++----------------
 src/app/token-verify/TokenLoader.tsx          | 64 +++++++++++++++++++
 2 files changed, 68 insertions(+), 57 deletions(-)
 create mode 100644 src/app/token-verify/TokenLoader.tsx

diff --git a/src/app/_components/token-verification-form/index.tsx b/src/app/_components/token-verification-form/index.tsx
index 426b12e..3f66e4e 100644
--- a/src/app/_components/token-verification-form/index.tsx
+++ b/src/app/_components/token-verification-form/index.tsx
@@ -1,16 +1,9 @@
 'use client'
 
-import { useState, useEffect } from 'react'
-import { useSearchParams } from 'next/navigation'
+import { useState } from 'react'
+import TokenLoader from '@/app/token-verify/TokenLoader'
 
 export default function TokenVerificationForm() {
-  const searchParams = useSearchParams()
-  const tokenIdFromUrl = searchParams.get('tokenId')
-
-  const [tokenInfo, setTokenInfo] = useState<any>(null)
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-
   const [formData, setFormData] = useState({
     tokenId: '',
     ticker: '',
@@ -25,35 +18,6 @@ export default function TokenVerificationForm() {
     agreed: false,
   })
 
-  useEffect(() => {
-    if (tokenIdFromUrl) {
-      setLoading(true)
-      fetch(`https://api-server-lovelace.mintlayer.org/api/v2/token/${tokenIdFromUrl}`)
-        .then((res) => {
-          if (!res.ok) throw new Error('Token not found')
-          return res.json()
-        })
-        .then((data) => {
-          setTokenInfo(data)
-          setLoading(false)
-
-          // Автозаполнение формы:
-          setFormData((prev) => ({
-            ...prev,
-            tokenId: data.token_id,
-            ticker: data.ticker || '',
-            projectName: data.ticker || '',
-            description: '', // остаётся пустым — пользователь сам заполняет
-          }))
-        })
-        .catch((err) => {
-          console.error(err)
-          setError('Unable to load token information')
-          setLoading(false)
-        })
-    }
-  }, [tokenIdFromUrl])
-
   const handleChange = (
     e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
   ) => {
@@ -135,26 +99,9 @@ export default function TokenVerificationForm() {
         Token Verification Request
       </h2>
       
-      {tokenIdFromUrl && (
-        <div className="bg-white p-4 border border-gray-300 rounded-lg mb-6">
-          <h3 className="font-semibold text-lg mb-3">Token Information:</h3>
-
-          {loading && <p className="text-gray-500">Loading...</p>}
-          {error && <p className="text-red-500">{error}</p>}
-
-          {tokenInfo && (
-            <ul className="text-sm text-gray-700 space-y-1">
-              <li><strong>Token ID:</strong> {tokenInfo.token_id}</li>
-              <li><strong>Ticker:</strong> {tokenInfo.ticker}</li>
-              <li><strong>Total supply:</strong> {tokenInfo.total_supply}</li>
-              <li><strong>Frozen:</strong> {tokenInfo.frozen ? 'yes' : 'no'}</li>
-              <li><strong>Locked:</strong> {tokenInfo.locked ? 'yes' : 'no'}</li>
-            </ul>
-          )}
-        </div>
-      )}
+      <TokenLoader setFormData={setFormData} />
       
-      <form onSubmit={handleSubmit} className="space-y-5">
+      <form onSubmit={handleSubmit} className="space-y-5 mt-6">
         <div>
           <label className="block font-medium mb-1">Token ID *</label>
           <input
diff --git a/src/app/token-verify/TokenLoader.tsx b/src/app/token-verify/TokenLoader.tsx
new file mode 100644
index 0000000..4e46c38
--- /dev/null
+++ b/src/app/token-verify/TokenLoader.tsx
@@ -0,0 +1,64 @@
+'use client'
+
+import { useSearchParams } from 'next/navigation'
+import { useEffect, useState } from 'react'
+
+const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
+  const searchParams = useSearchParams()
+  const tokenId = searchParams.get('tokenId')
+
+  const [tokenInfo, setTokenInfo] = useState<any>(null)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  useEffect(() => {
+    if (!tokenId || typeof tokenId !== 'string') return
+
+    setLoading(true)
+
+    fetch(`https://api-server-lovelace.mintlayer.org/api/v2/token/${tokenId}`)
+      .then((res) => {
+        if (!res.ok) throw new Error('Token not found')
+        return res.json()
+      })
+      .then((data) => {
+        setTokenInfo(data)
+        setFormData((prev: any) => ({
+          ...prev,
+          tokenId: data.token_id,
+          ticker: data.ticker || '',
+          projectName: data.ticker || '',
+          description: '',
+        }))
+        setLoading(false)
+      })
+      .catch((err) => {
+        console.error('Token fetch error:', err)
+        setError('Error loading token or token not found')
+        setLoading(false)
+      })
+  }, [tokenId, setFormData])
+
+  if (!tokenId) return null
+
+  return (
+    <div className="mt-6 p-4 border border-gray-300 rounded-md bg-white">
+      <h3 className="font-semibold text-lg mb-2">Token Information</h3>
+
+      {loading && <p className="text-gray-500">Loading data...</p>}
+      {error && <p className="text-red-500">{error}</p>}
+
+      {tokenInfo && (
+        <ul className="text-sm text-gray-800 space-y-1">
+          <li><strong>Token ID:</strong> {tokenInfo.token_id}</li>
+          <li><strong>Ticker:</strong> {tokenInfo.ticker}</li>
+          <li><strong>Total Supply:</strong> {tokenInfo.total_supply}</li>
+          <li><strong>Frozen:</strong> {tokenInfo.frozen ? 'yes' : 'no'}</li>
+          <li><strong>Locked:</strong> {tokenInfo.locked ? 'yes' : 'no'}</li>
+        </ul>
+      )}
+    </div>
+  )
+}
+
+export default TokenLoader 
\ No newline at end of file

From 382886ddf656d37272e233054325e3465f8a84dd Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 12:19:40 +0200
Subject: [PATCH 10/16] Improve token data display with safe access patterns
 and additional fields

---
 src/app/token-verify/TokenLoader.tsx | 32 ++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/app/token-verify/TokenLoader.tsx b/src/app/token-verify/TokenLoader.tsx
index 4e46c38..fc05758 100644
--- a/src/app/token-verify/TokenLoader.tsx
+++ b/src/app/token-verify/TokenLoader.tsx
@@ -26,8 +26,8 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
         setFormData((prev: any) => ({
           ...prev,
           tokenId: data.token_id,
-          ticker: data.ticker || '',
-          projectName: data.ticker || '',
+          ticker: data.token_ticker?.string || '',
+          projectName: data.token_ticker?.string || '',
           description: '',
         }))
         setLoading(false)
@@ -50,11 +50,29 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
 
       {tokenInfo && (
         <ul className="text-sm text-gray-800 space-y-1">
-          <li><strong>Token ID:</strong> {tokenInfo.token_id}</li>
-          <li><strong>Ticker:</strong> {tokenInfo.ticker}</li>
-          <li><strong>Total Supply:</strong> {tokenInfo.total_supply}</li>
-          <li><strong>Frozen:</strong> {tokenInfo.frozen ? 'yes' : 'no'}</li>
-          <li><strong>Locked:</strong> {tokenInfo.locked ? 'yes' : 'no'}</li>
+          <li><strong>Token ID:</strong> {tokenInfo.token_id || '—'}</li>
+          <li><strong>Ticker:</strong> {tokenInfo.token_ticker?.string || '—'}</li>
+          <li><strong>Total Supply:</strong> {tokenInfo.total_supply?.Fixed?.atoms || '—'}</li>
+          <li><strong>Circulating Supply:</strong> {tokenInfo.circulating_supply?.atoms || '—'}</li>
+          <li><strong>Decimals:</strong> {tokenInfo.number_of_decimals ?? '—'}</li>
+          <li><strong>Frozen:</strong> {tokenInfo.frozen === true ? 'yes' : tokenInfo.frozen === false ? 'no' : '—'}</li>
+          <li><strong>Locked:</strong> {tokenInfo.is_locked === true ? 'yes' : tokenInfo.is_locked === false ? 'no' : '—'}</li>
+          <li><strong>Freezable:</strong> {tokenInfo.is_token_freezable === true ? 'yes' : tokenInfo.is_token_freezable === false ? 'no' : '—'}</li>
+          <li><strong>Unfreezable:</strong> {tokenInfo.is_token_unfreezable === true ? 'yes' : tokenInfo.is_token_unfreezable === false ? 'no' : '—'}</li>
+          <li><strong>Authority:</strong> {tokenInfo.authority || '—'}</li>
+          <li>
+            <strong>Metadata URI:</strong>{' '}
+            {tokenInfo.metadata_uri?.string ? (
+              <a
+                href={tokenInfo.metadata_uri.string}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-blue-600 underline"
+              >
+                {tokenInfo.metadata_uri.string}
+              </a>
+            ) : '—'}
+          </li>
         </ul>
       )}
     </div>

From 817ab6754087e382c218512da506894798305c2c Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 12:33:55 +0200
Subject: [PATCH 11/16] Fix hydration issues in TokenLoader with mounted state

---
 src/app/token-verify/TokenLoader.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/token-verify/TokenLoader.tsx b/src/app/token-verify/TokenLoader.tsx
index fc05758..e93388e 100644
--- a/src/app/token-verify/TokenLoader.tsx
+++ b/src/app/token-verify/TokenLoader.tsx
@@ -1,7 +1,7 @@
 'use client'
 
-import { useSearchParams } from 'next/navigation'
 import { useEffect, useState } from 'react'
+import { useSearchParams } from 'next/navigation'
 
 const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
   const searchParams = useSearchParams()
@@ -10,6 +10,11 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
   const [tokenInfo, setTokenInfo] = useState<any>(null)
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState<string | null>(null)
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
 
   useEffect(() => {
     if (!tokenId || typeof tokenId !== 'string') return
@@ -39,7 +44,7 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
       })
   }, [tokenId, setFormData])
 
-  if (!tokenId) return null
+  if (!mounted || !tokenId) return null // ⚠️ Фикс для гидратации
 
   return (
     <div className="mt-6 p-4 border border-gray-300 rounded-md bg-white">

From 6913b008e1b15d6cfd33438ec951693e4443af06 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Thu, 10 Apr 2025 18:38:57 +0200
Subject: [PATCH 12/16] Implement improved hydration protection in TokenLoader
 based on Search.tsx pattern

---
 src/app/token-verify/TokenLoader.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app/token-verify/TokenLoader.tsx b/src/app/token-verify/TokenLoader.tsx
index e93388e..5aaecb1 100644
--- a/src/app/token-verify/TokenLoader.tsx
+++ b/src/app/token-verify/TokenLoader.tsx
@@ -17,7 +17,7 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
   }, [])
 
   useEffect(() => {
-    if (!tokenId || typeof tokenId !== 'string') return
+    if (!mounted || !tokenId || typeof tokenId !== 'string') return
 
     setLoading(true)
 
@@ -42,9 +42,9 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
         setError('Error loading token or token not found')
         setLoading(false)
       })
-  }, [tokenId, setFormData])
+  }, [tokenId, setFormData, mounted])
 
-  if (!mounted || !tokenId) return null // ⚠️ Фикс для гидратации
+  if (!mounted || !tokenId) return null // ⚠️ Не отображаем ничего до монтирования компонента
 
   return (
     <div className="mt-6 p-4 border border-gray-300 rounded-md bg-white">
@@ -53,7 +53,8 @@ const TokenLoader = ({ setFormData }: { setFormData: Function }) => {
       {loading && <p className="text-gray-500">Loading data...</p>}
       {error && <p className="text-red-500">{error}</p>}
 
-      {tokenInfo && (
+      {/* Отображаем данные токена только на клиенте после загрузки */}
+      {mounted && tokenInfo && (
         <ul className="text-sm text-gray-800 space-y-1">
           <li><strong>Token ID:</strong> {tokenInfo.token_id || '—'}</li>
           <li><strong>Ticker:</strong> {tokenInfo.token_ticker?.string || '—'}</li>

From ebd61a6cbcecdee55b22b782900629c80967cfd8 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Mon, 14 Apr 2025 10:03:57 +0200
Subject: [PATCH 13/16] Add 'Verify Token on Mintlayer' button to tokens page

---
 src/app/tokens/page.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/tokens/page.tsx b/src/app/tokens/page.tsx
index 5202b81..984b35f 100644
--- a/src/app/tokens/page.tsx
+++ b/src/app/tokens/page.tsx
@@ -26,7 +26,14 @@ export default async function Tokens({
       <Hero>
         <div className="max-w-6xl md:mx-auto px-5">
           <div className="md:col-span-7">
-            <div className="text-5xl font-bold mt-4 mb-8 leading-[4rem]">Tokens</div>
+            <div className="flex items-center justify-between mb-8">
+              <div className="text-5xl font-bold leading-[4rem]">Tokens</div>
+              <Link href="/token-verify">
+                <button className="bg-primary-100 text-white px-4 py-2 text-sm rounded-md hover:bg-primary-110 transition">
+                  Verify Token on Mintlayer
+                </button>
+              </Link>
+            </div>
           </div>
           <div className="md:col-span-12 -mx-5"></div>
           <div className="grid md:grid-cols-12 gap-4 mb-8">

From bb30ee5d5c780cf864a32d85526b312ef0d8f91e Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Mon, 14 Apr 2025 10:18:30 +0200
Subject: [PATCH 14/16] Add green check icon to token verification button

---
 src/app/tokens/page.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/tokens/page.tsx b/src/app/tokens/page.tsx
index 984b35f..ae646d0 100644
--- a/src/app/tokens/page.tsx
+++ b/src/app/tokens/page.tsx
@@ -29,7 +29,14 @@ export default async function Tokens({
             <div className="flex items-center justify-between mb-8">
               <div className="text-5xl font-bold leading-[4rem]">Tokens</div>
               <Link href="/token-verify">
-                <button className="bg-primary-100 text-white px-4 py-2 text-sm rounded-md hover:bg-primary-110 transition">
+                <button className="flex items-center gap-2 bg-primary-100 text-white px-4 py-2 text-sm rounded-md hover:bg-primary-110 transition">
+                  <svg
+                    className="w-4 h-4"
+                    fill="#37DB8C"
+                    viewBox="0 0 24 24"
+                  >
+                    <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
+                  </svg>
                   Verify Token on Mintlayer
                 </button>
               </Link>

From 446e3f06e58c76329c4e40afd8aadc41b29504f0 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Mon, 14 Apr 2025 12:54:49 +0200
Subject: [PATCH 15/16] Add token verification features and fix metadata
 display

---
 .../token-metadata-viewer/index.tsx           | 89 +++++++++++++++++++
 .../nft/[nft]/_components/metadata/index.tsx  | 61 ++++++++++++-
 src/app/token/[token]/page.tsx                | 44 +++++++--
 src/app/tokens/page.tsx                       | 45 ++++++++--
 4 files changed, 222 insertions(+), 17 deletions(-)
 create mode 100644 src/app/_components/token-metadata-viewer/index.tsx

diff --git a/src/app/_components/token-metadata-viewer/index.tsx b/src/app/_components/token-metadata-viewer/index.tsx
new file mode 100644
index 0000000..c79fddd
--- /dev/null
+++ b/src/app/_components/token-metadata-viewer/index.tsx
@@ -0,0 +1,89 @@
+'use client'
+
+import { useEffect, useState } from 'react'
+
+interface Props {
+  metadataUrl: string
+}
+
+export default function TokenMetadataViewer({ metadataUrl }: Props) {
+  const [error, setError] = useState<string | null>(null)
+  const [imagePreview, setImagePreview] = useState<string | null>(null)
+  const [json, setJson] = useState<any | null>(null)
+  const [imageError, setImageError] = useState(false)
+
+  const normalizeIpfsUrl = (url: string) => {
+    if (url.startsWith('ipfs://')) {
+      return url.replace('ipfs://', 'https://ipfs.io/ipfs/')
+    }
+    return url
+  }
+
+  useEffect(() => {
+    if (!metadataUrl) return
+
+    const url = normalizeIpfsUrl(metadataUrl)
+
+    fetch(url)
+      .then(async (res) => {
+        const contentType = res.headers.get('Content-Type') || ''
+        if (contentType.includes('application/json')) {
+          const data = await res.json()
+          setJson(data)
+        } else if (contentType.includes('image/')) {
+          setImagePreview(url)
+          setError('Received image instead of JSON metadata')
+        } else {
+          throw new Error(`Unexpected content type: ${contentType}`)
+        }
+      })
+      .catch((err) => {
+        console.error('Metadata fetch error:', err)
+        setError(err.message)
+      })
+  }, [metadataUrl])
+
+  return (
+    <div className="mt-6 bg-white border border-gray-200 rounded-lg p-4">
+      <h3 className="text-lg font-semibold mb-2">Metadata</h3>
+      <p className="text-sm text-gray-600 break-all">
+        <a
+          href={normalizeIpfsUrl(metadataUrl)}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-600 underline"
+        >
+          {metadataUrl}
+        </a>
+      </p>
+
+      {error && (
+        <p className="text-red-600 bg-red-50 border border-red-200 rounded p-3 mt-3 text-sm">
+          Failed to load metadata: {error}
+        </p>
+      )}
+
+      {imagePreview && !imageError && (
+        <div className="mt-4">
+          <p className="text-sm text-gray-700 mb-1">Image found instead of JSON:</p>
+          <img
+            src={imagePreview}
+            alt="Token metadata image"
+            className="w-48 h-auto border rounded shadow"
+            onError={() => setImageError(true)}
+          />
+        </div>
+      )}
+
+      {imageError && (
+        <p className="text-gray-500 italic mt-2">Preview not available</p>
+      )}
+
+      {json && (
+        <pre className="mt-4 text-sm bg-gray-50 p-3 rounded border border-gray-100 overflow-auto max-h-96">
+          {JSON.stringify(json, null, 2)}
+        </pre>
+      )}
+    </div>
+  )
+} 
\ No newline at end of file
diff --git a/src/app/nft/[nft]/_components/metadata/index.tsx b/src/app/nft/[nft]/_components/metadata/index.tsx
index 42f963f..76b4fd7 100644
--- a/src/app/nft/[nft]/_components/metadata/index.tsx
+++ b/src/app/nft/[nft]/_components/metadata/index.tsx
@@ -2,24 +2,79 @@
 
 import React from 'react';
 
+function normalizeUrl(url: string): string {
+  // Удаляем лишний https:// если есть
+  const cleaned = url.replace(/^https?:\/\/https?:\/\//, 'https://');
+
+  // Поддержка ipfs:// ссылок
+  if (cleaned.startsWith('ipfs://')) {
+    return cleaned.replace('ipfs://', 'https://w3s.link/ipfs/');
+  }
+
+  return cleaned;
+}
+
 export const Metadata = ({ metadataUrl }: any) => {
   const [metadata, setMetadata] = React.useState<any>(null);
+  const [error, setError] = React.useState<string | null>(null);
+  const [contentType, setContentType] = React.useState<string | null>(null);
 
   React.useEffect(() => {
     if (metadataUrl) {
-      fetch(metadataUrl)
-        .then((response) => response.json())
+      const normalizedUrl = normalizeUrl(metadataUrl);
+      console.log('Fetching metadata from:', normalizedUrl);
+
+      fetch(normalizedUrl)
+        .then((response) => {
+          if (!response.ok) {
+            throw new Error(`HTTP error! Status: ${response.status}`);
+          }
+          
+          const contentType = response.headers.get("Content-Type") || "";
+          setContentType(contentType);
+          
+          if (contentType.includes("application/json")) {
+            return response.json();
+          } else if (contentType.includes("image/")) {
+            throw new Error(`Получен файл изображения (${contentType}), а не JSON метаданные`);
+          } else {
+            throw new Error(`Ожидался JSON, но получен ${contentType}`);
+          }
+        })
         .then((data) => {
           setMetadata(data);
+          setError(null);
+        })
+        .catch((err) => {
+          console.error("Failed to fetch metadata:", err);
+          setError(`Не удалось загрузить метаданные: ${err.message}`);
         });
     }
   }, [metadataUrl]);
 
+  if (error) {
+    return (
+      <div className="bg-white px-6 pb-6 w-full">
+        <div className="text-red-500">{error}</div>
+        {contentType && contentType.includes("image/") && (
+          <div className="mt-4">
+            <p className="text-gray-700 mb-2">Найдено изображение вместо JSON:</p>
+            <img src={normalizeUrl(metadataUrl)} alt="Token image" className="max-w-md border rounded" />
+          </div>
+        )}
+      </div>
+    );
+  }
+
   return metadata ? (
     <div className="bg-white px-6 pb-6 w-full">
       <div className="bg-white px-6 pb-6">
         <div className="text-sm whitespace-pre font-mono overflow-scroll w-[400px]">{JSON.stringify(metadata, null, 2)}</div>
       </div>
     </div>
-  ) : null;
+  ) : (
+    <div className="bg-white px-6 pb-6 w-full">
+      <div className="text-gray-500">Загрузка метаданных...</div>
+    </div>
+  );
 }
diff --git a/src/app/token/[token]/page.tsx b/src/app/token/[token]/page.tsx
index 120458c..587d38e 100644
--- a/src/app/token/[token]/page.tsx
+++ b/src/app/token/[token]/page.tsx
@@ -2,13 +2,26 @@ import { Summary } from "@/app/_components/summary";
 import { Hero } from "@/app/_components/hero";
 import { InfoExpand } from "./_components/info_expand";
 import { redirect } from "next/navigation";
+import Link from "next/link";
 
 // icons
 import icon_info from "@/app/(homepage)/_icons/16px/info.svg";
 import { headers } from "next/headers";
 import { NotFound } from "@/app/_components/not-found";
 import React from "react";
-import {Metadata} from "@/app/nft/[nft]/_components/metadata";
+// import {Metadata} from "@/app/nft/[nft]/_components/metadata";
+import TokenMetadataViewer from "@/app/_components/token-metadata-viewer";
+
+// Example list of verified token IDs
+const VERIFIED_TOKENS = [
+  "mmltk1rch870scvx0pa9ymkftj28jusqx2r8llxnfl20y06e6exalxuhkqv2arc2",
+  "tmltk1aa3vvztufv5m054klp960p6f6pf59ugxp394x7n42v0clgwhrw3q3mpcq3",
+  // Add more verified token IDs here
+];
+
+const isTokenVerified = (tokenId: string): boolean => {
+  return VERIFIED_TOKENS.includes(tokenId);
+};
 
 async function getData(token: any) {
   const headersList = headers();
@@ -43,9 +56,10 @@ export default async function Token({ params }: { params: { token: string } }) {
     return <NotFound title={"Token not found"} subtitle={"Token not found"} />;
   }
 
+  // Упрощенная функция - просто возвращает исходный URL для обработки в клиентском компоненте
   const ipfsToHttps = (url: string) => {
-    const cleanUrl = url.replace('ipfs://', '').split('/');
-    return `https://${cleanUrl[0]}.ipfs.w3s.link${cleanUrl[1]?'/'+cleanUrl[1]:''}`;
+    if (!url) return '';
+    return url;
   }
 
   const metadataUrl = ipfsToHttps(data.metadata_uri.string);
@@ -55,7 +69,27 @@ export default async function Token({ params }: { params: { token: string } }) {
       <Hero>
         <div className="max-w-6xl px-5 md:mx-auto">
           <div className="md:col-span-7">
-            <div className="text-5xl font-bold mt-4 mb-8 leading-[4rem]">{data.token_ticker.string}</div>
+            <div className="flex items-center justify-between mb-8">
+              <div className="text-5xl font-bold leading-[4rem]">{data.token_ticker.string}</div>
+              
+              {isTokenVerified(token) ? (
+                <div className="flex items-center gap-2 px-4 py-2 bg-gray-100 rounded-md text-green-500 font-medium">
+                  <svg className="w-4 h-4" fill="#37DB8C" viewBox="0 0 24 24">
+                    <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
+                  </svg>
+                  Already Verified
+                </div>
+              ) : (
+                <Link href={`/token-verify?tokenId=${token}`}>
+                  <button className="flex items-center gap-2 bg-primary-100 text-white px-4 py-2 text-sm rounded-md hover:bg-primary-110 transition">
+                    <svg className="w-4 h-4" fill="#37DB8C" viewBox="0 0 24 24">
+                      <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
+                    </svg>
+                    Verify Token on Mintlayer
+                  </button>
+                </Link>
+              )}
+            </div>
           </div>
           <div className="mb-8">
             <Summary
@@ -100,7 +134,7 @@ export default async function Token({ params }: { params: { token: string } }) {
               ]}
             />
 
-            <Metadata metadataUrl={metadataUrl}/>
+            <TokenMetadataViewer metadataUrl={metadataUrl}/>
           </div>
         </div>
       </Hero>
diff --git a/src/app/tokens/page.tsx b/src/app/tokens/page.tsx
index ae646d0..bed07e2 100644
--- a/src/app/tokens/page.tsx
+++ b/src/app/tokens/page.tsx
@@ -1,6 +1,17 @@
 import { Hero } from "@/app/_components/hero";
 import Link from "next/link";
 
+// Example list of verified token IDs
+const VERIFIED_TOKENS = [
+  "mmltk1rch870scvx0pa9ymkftj28jusqx2r8llxnfl20y06e6exalxuhkqv2arc2",
+  "tmltk1aa3vvztufv5m054klp960p6f6pf59ugxp394x7n42v0clgwhrw3q3mpcq3",
+  // Add more verified token IDs here
+];
+
+const isTokenVerified = (tokenId: string): boolean => {
+  return VERIFIED_TOKENS.includes(tokenId);
+};
+
 async function getData() {
   const res = await fetch(process.env.SERVER_URL + "/api/token", {
     headers: {
@@ -31,9 +42,11 @@ export default async function Tokens({
               <Link href="/token-verify">
                 <button className="flex items-center gap-2 bg-primary-100 text-white px-4 py-2 text-sm rounded-md hover:bg-primary-110 transition">
                   <svg
-                    className="w-4 h-4"
+                    className="w-5 h-5"
                     fill="#37DB8C"
                     viewBox="0 0 24 24"
+                    strokeWidth="2"
+                    stroke="#37DB8C"
                   >
                     <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
                   </svg>
@@ -54,13 +67,14 @@ export default async function Tokens({
           <div className="table w-full">
             <div className="table-header-group bg-white font-semibold">
               <div className="table-cell px-2 py-1">ID</div>
-              <div className="table-cell px-2 py-1">Frozen</div>
-              <div className="table-cell px-2 py-1">Locked</div>
-              <div className="table-cell px-2 py-1">Freezable</div>
-              <div className="table-cell px-2 py-1">Unfreezable</div>
+              <div className="table-cell px-2 py-1 text-center">Frozen</div>
+              <div className="table-cell px-2 py-1 text-center">Locked</div>
+              <div className="table-cell px-2 py-1 text-center">Freezable</div>
+              <div className="table-cell px-2 py-1 text-center">Unfreezable</div>
               <div className="table-cell px-2 py-1">Ticker</div>
               <div className="table-cell px-2 py-1">Total Supply</div>
               <div className="table-cell px-2 py-1">Circulating Supply</div>
+              <div className="table-cell px-2 py-1">Verified</div>
             </div>
             {data.map((token: any) => (
               <div className="table-row hover:bg-secondary-100" key={token.id}>
@@ -69,13 +83,26 @@ export default async function Tokens({
                     {token.id.slice(0, 6) + "..." + token.id.slice(-6)}
                   </Link>
                 </div>
-                <div className="table-cell px-2 py-1">{token.frozen ? "yes" : "no"}</div>
-                <div className="table-cell px-2 py-1">{token.is_locked ? "yes" : "no"}</div>
-                <div className="table-cell px-2 py-1">{token.is_token_freezable ? "yes" : "no"}</div>
-                <div className="table-cell px-2 py-1">{token.is_token_unfreezable ? "yes" : "no"}</div>
+                <div className="table-cell px-2 py-1 text-center">{token.frozen ? "yes" : "no"}</div>
+                <div className="table-cell px-2 py-1 text-center">{token.is_locked ? "yes" : "no"}</div>
+                <div className="table-cell px-2 py-1 text-center">{token.is_token_freezable ? "yes" : "no"}</div>
+                <div className="table-cell px-2 py-1 text-center">{token.is_token_unfreezable ? "yes" : "no"}</div>
                 <div className="table-cell px-2 py-1">{token.token_ticker}</div>
                 <div className="table-cell px-2 py-1 text-right">{token.total_supply}</div>
                 <div className="table-cell px-2 py-1 text-right">{token.circulating_supply}</div>
+                <div className="table-cell px-2 py-1 text-center">
+                  {isTokenVerified(token.id) ? (
+                    <svg
+                      className="inline w-4 h-4"
+                      fill="#37DB8C"
+                      viewBox="0 0 24 24"
+                    >
+                      <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
+                    </svg>
+                  ) : (
+                    <span className="text-gray-400 text-xs">–</span>
+                  )}
+                </div>
               </div>
             ))}
           </div>

From 285590865a43f391bc4ce3113bd4d955569802d8 Mon Sep 17 00:00:00 2001
From: Kulasha3 <kulasha81@gmail.com>
Date: Mon, 14 Apr 2025 13:06:15 +0200
Subject: [PATCH 16/16] Update token verification icon for consistency

---
 src/app/token/[token]/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/token/[token]/page.tsx b/src/app/token/[token]/page.tsx
index 587d38e..db55a2d 100644
--- a/src/app/token/[token]/page.tsx
+++ b/src/app/token/[token]/page.tsx
@@ -74,7 +74,13 @@ export default async function Token({ params }: { params: { token: string } }) {
               
               {isTokenVerified(token) ? (
                 <div className="flex items-center gap-2 px-4 py-2 bg-gray-100 rounded-md text-green-500 font-medium">
-                  <svg className="w-4 h-4" fill="#37DB8C" viewBox="0 0 24 24">
+                  <svg 
+                    className="w-5 h-5" 
+                    fill="#37DB8C" 
+                    viewBox="0 0 24 24"
+                    strokeWidth="2"
+                    stroke="#37DB8C"
+                  >
                     <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
                   </svg>
                   Already Verified
@@ -82,7 +88,13 @@ export default async function Token({ params }: { params: { token: string } }) {
               ) : (
                 <Link href={`/token-verify?tokenId=${token}`}>
                   <button className="flex items-center gap-2 bg-primary-100 text-white px-4 py-2 text-sm rounded-md hover:bg-primary-110 transition">
-                    <svg className="w-4 h-4" fill="#37DB8C" viewBox="0 0 24 24">
+                    <svg 
+                      className="w-5 h-5" 
+                      fill="#37DB8C" 
+                      viewBox="0 0 24 24"
+                      strokeWidth="2"
+                      stroke="#37DB8C"
+                    >
                       <path d="M9 16.2l-3.5-3.5L4 14.2l5 5 12-12-1.4-1.4z" />
                     </svg>
                     Verify Token on Mintlayer