From d898d0295525ec991569ad7c754b6fa2ebe670d4 Mon Sep 17 00:00:00 2001
From: lizhiyong <1679963578@qq.com>
Date: Fri, 19 Jan 2024 10:45:00 +0800
Subject: [PATCH] fix

---
 app/blob-TX/page.tsx     | 17 ++++++++++++++---
 components/ALoading.tsx  |  2 +-
 components/Banner.tsx    |  2 +-
 components/FullModal.tsx |  6 +++---
 components/Header.tsx    |  4 +++-
 5 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/app/blob-TX/page.tsx b/app/blob-TX/page.tsx
index 92bcdb6..d178716 100644
--- a/app/blob-TX/page.tsx
+++ b/app/blob-TX/page.tsx
@@ -121,6 +121,7 @@ const BlobTX = () => {
 
   const onSendTx = async () => {
     if (!walletClient || !transData) return
+    setLoading({ loading: true })
     const blobs = [transData.text, transData.img]
     const { commitments, proofs, versionHashs, encodeBlobs } = await getConvertOfZkg(blobs)
     const [account] = await walletClient.getAddresses()
@@ -205,6 +206,7 @@ const BlobTX = () => {
     })
       .then((r) => r.json())
       .catch((e) => console.error(e))
+    setLoading({ loading: false, success: true })
   }
 
   const onSwitchTo = () => {
@@ -232,7 +234,10 @@ const BlobTX = () => {
                   <div className='rounded-lg border-[#FC7823] md:text-sm  border  h-[42px] items-center flex text-[#FC7823] px-[15px]'>
                     {address?.replace('••••', '.....')}
                   </div>
-                  <div className='flex mr-10 mo:mr-0 gap-[13px] items-center'>
+                  <div
+                    onClick={() => window.open('https://blobscan-devnet.ethda.io/blobs', '_blank')}
+                    className=' cursor-pointer flex mr-10 mo:mr-0 gap-[13px] items-center'
+                  >
                     <img className='ml-5 mo:h-[32px]' src='deal.svg' />
                     <span className='text-[#FC7823] font-normal text-base'>History</span>
                   </div>
@@ -253,6 +258,7 @@ const BlobTX = () => {
                     <input
                       placeholder='Please Enter ...'
                       maxLength={40}
+                      value={inputText}
                       onChange={(e) => setInputText(e.target.value)}
                       className=' mt-2 input-Text mo:w-full w-[425px] md:w-[380px] h-[55px] '
                     />
@@ -313,7 +319,7 @@ const BlobTX = () => {
                   </div>
 
                   <ContentBox className='overflow-y-auto  h-[442px] p-5 break-all whitespace-normal '>
-                    {transData && <>{JSON.stringify(ub8a2numa(selectedBlob ? transData.text : transData.img))}</>}
+                    {transData && transData.text && <>{JSON.stringify(ub8a2numa(selectedBlob ? transData.text : transData.img))}</>}
                   </ContentBox>
                   <div className='mt-5 mo:mt-[37px] flex justify-center  mb-5 '>
                     <button
@@ -385,9 +391,14 @@ const BlobTX = () => {
       {loading.loading && <LoadingFull />}
       {loading.success && (
         <SuccessFull
-          onLeftButton={() => {}}
+          onLeftButton={() => {
+            window.open('')
+          }}
           onRightButton={() => {
             setLoading({ success: false })
+            setInputText('')
+            setFile(null)
+            setTransData({ text: '', img: '', imgType: '' } as any)
           }}
         />
       )}
diff --git a/components/ALoading.tsx b/components/ALoading.tsx
index 7f3d997..5edd3f4 100644
--- a/components/ALoading.tsx
+++ b/components/ALoading.tsx
@@ -6,7 +6,7 @@ export const ALoading: FC<{ className: any }> = ({ className, ...other }) => {
     <div {...other} className={classNames('text-black w-full h-full flex items-center justify-center', className)}>
       <div className=' w-[400px] bg-white flex justify-center h-[340px]'>
         <div className=' flex flex-col  items-center w-full justify-center bg-[#FFFAF6]  mx-[10px] my-[10px] border-dashed border rounded-xl border-[#FC7823]'>
-          <img src='loading.svg' />
+          <img src='loading.svg' className='animate-spin' />
           <div className=' mt-5 font-medium text-xl text-[#FC7823]  '>Sending</div>
         </div>
       </div>
diff --git a/components/Banner.tsx b/components/Banner.tsx
index 99ecb2f..e4f6ff4 100644
--- a/components/Banner.tsx
+++ b/components/Banner.tsx
@@ -15,7 +15,7 @@ export const Banner = () => {
             <div className={'text-[70px] mo:text-[38px]'}>Availability Layer2</div>
             <div className='mo:flex justify-center'>
               <Link
-                href={'./docs/lightpaper.pdf'}
+                href={'https://docs.ethda.io/'}
                 target={'_blank'}
                 className={
                   'flex items-center justify-center w-[200px] h-[58px] border border-white rounded-[12px] font-semibold text-[20px] mo:text-2xl mt-8'
diff --git a/components/FullModal.tsx b/components/FullModal.tsx
index b1e8a5e..e37193e 100644
--- a/components/FullModal.tsx
+++ b/components/FullModal.tsx
@@ -34,7 +34,7 @@ const FullModal: FC<FullModalProps> = ({ menus, keys = 'text', onChooseItem, cho
     if (item.onClick) {
       item.onClick()
     }
-    if (!item.to.startsWith('/')) {
+    if (item.to.startsWith('http')) {
       window.open(item.to, '_blank')
       return
     }
@@ -64,14 +64,14 @@ const FullModal: FC<FullModalProps> = ({ menus, keys = 'text', onChooseItem, cho
                 <div className=' text-[22px] inline-block  font-medium border-b border-[#D9D9D9] border-solid  pb-5 w-full  mo:flex mo:w-full items-center  mo:justify-between'>
                   <span
                     className={classNames({
-                      'text-[#FC7823]': item.to.startsWith('/') && pathname === item.to.split('/')[1],
+                      'text-[#FC7823]': !item.to.startsWith('http') && pathname === item.to.split('/')[1],
                     })}
                   >
                     {item[keys]}
                   </span>
                   <RiArrowRightUpLine
                     className={classNames({
-                      'text-[#FC7823]': pathname === item.to.split('/')[1],
+                      'text-[#FC7823]': !item.to.startsWith('http') && pathname === item.to.split('/')[1],
                     })}
                     size={22}
                   />
diff --git a/components/Header.tsx b/components/Header.tsx
index ce5e017..7caaa8e 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -81,7 +81,9 @@ export const Header: FC<HeaderType> = ({
   ]
 
   const onSwitchTo = (address: string) => {
-    if (!address.startsWith('/')) {
+    console.log('addraddressess', address)
+
+    if (address.startsWith('http')) {
       window.open(address, '_blank')
       return
     }