update

aura-nw · Oct 18, 2024 · cbdf6ba · cbdf6ba
1 parent bd137d8
commit cbdf6ba
Show file tree

Hide file tree

Showing 3 changed files with 111 additions and 106 deletions.
diff --git a/src/pages/events/ava-2024/map/manga-room/page.tsx b/src/pages/events/ava-2024/map/manga-room/page.tsx
@@ -131,7 +131,7 @@ export default function Page() {
                       {t('Back to map')}
                     </Link>
                   </div>
-                  {selected && <Content selected={selected} />}
+                  <div className='relative z-0'>{selected && <Content selected={selected} />}</div>
                 </div>
               </div>
             )}
@@ -140,88 +140,88 @@ export default function Page() {
       </div>
       {width < 1024 && showModal && (
         <>
-        <div className='fixed inset-0 bg-black/80 z-40' onClick={() => setShowModal(false)}></div>
-        <div className='fixed bottom-0 inset-x-0 z-50'>
-          <div className='absolute -top-4 right-6' onClick={() => setShowModal(false)}>
-            <svg
-              width='45'
-              height='26'
-              viewBox='0 0 45 26'
-              fill='none'
-              className='absolute -bottom-2.5 -left-[50%] w-[200%]'
-              xmlns='http://www.w3.org/2000/svg'
-              xmlnsXlink='http://www.w3.org/1999/xlink'>
-              <rect width='45' height='26' fill='url(#paint0_linear_5355_21799)' />
-              <rect width='45' height='26' fill='url(#pattern0_5355_21799)' fillOpacity='0.1' />
-              <defs>
-                <pattern
-                  id='pattern0_5355_21799'
-                  patternContentUnits='objectBoundingBox'
-                  width='0.123563'
-                  height='0.115385'>
-                  <use xlinkHref='#image0_5355_21799' transform='scale(0.000287356 0.000497347)' />
-                </pattern>
-                <linearGradient
-                  id='paint0_linear_5355_21799'
-                  x1='22.5'
-                  y1='0'
-                  x2='22.5'
-                  y2='26'
-                  gradientUnits='userSpaceOnUse'>
-                  <stop stopColor='#00E161' stopOpacity='0' />
-                  <stop offset='1' stopColor='#00E161' stopOpacity='0.5' />
-                </linearGradient>
-                <image
-                  id='image0_5355_21799'
-                  width='430'
-                  height='232'
-                  xlinkHref='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa4AAADoCAYAAAC3gwBfAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIhSURBVHgB7dUBDQAgDMCwg3/PgI2FNpmGzQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwt/U6AwARewAgxLgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIg5QJRWAF7kuBzRgAAAABJRU5ErkJggg=='
-                />
-              </defs>
-            </svg>
+          <div className='fixed inset-0 bg-black/80 z-40' onClick={() => setShowModal(false)}></div>
+          <div className='fixed bottom-0 inset-x-0 z-50'>
+            <div className='absolute -top-4 right-6' onClick={() => setShowModal(false)}>
+              <svg
+                width='45'
+                height='26'
+                viewBox='0 0 45 26'
+                fill='none'
+                className='absolute -bottom-2.5 -left-[50%] w-[200%]'
+                xmlns='http://www.w3.org/2000/svg'
+                xmlnsXlink='http://www.w3.org/1999/xlink'>
+                <rect width='45' height='26' fill='url(#paint0_linear_5355_21799)' />
+                <rect width='45' height='26' fill='url(#pattern0_5355_21799)' fillOpacity='0.1' />
+                <defs>
+                  <pattern
+                    id='pattern0_5355_21799'
+                    patternContentUnits='objectBoundingBox'
+                    width='0.123563'
+                    height='0.115385'>
+                    <use xlinkHref='#image0_5355_21799' transform='scale(0.000287356 0.000497347)' />
+                  </pattern>
+                  <linearGradient
+                    id='paint0_linear_5355_21799'
+                    x1='22.5'
+                    y1='0'
+                    x2='22.5'
+                    y2='26'
+                    gradientUnits='userSpaceOnUse'>
+                    <stop stopColor='#00E161' stopOpacity='0' />
+                    <stop offset='1' stopColor='#00E161' stopOpacity='0.5' />
+                  </linearGradient>
+                  <image
+                    id='image0_5355_21799'
+                    width='430'
+                    height='232'
+                    xlinkHref='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa4AAADoCAYAAAC3gwBfAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIhSURBVHgB7dUBDQAgDMCwg3/PgI2FNpmGzQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwt/U6AwARewAgxLgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIg5QJRWAF7kuBzRgAAAABJRU5ErkJggg=='
+                  />
+                </defs>
+              </svg>
 
-            <svg
-              xmlns='http://www.w3.org/2000/svg'
-              xmlnsXlink='http://www.w3.org/1999/xlink'
-              width='22'
-              height='22'
-              viewBox='0 0 22 22'
-              fill='none'>
-              <path
-                d='M3.87221 1.28569C3.15796 0.571438 1.99993 0.571438 1.28569 1.28569C0.571438 1.99994 0.571438 3.15796 1.28569 3.87221L8.41348 11L1.28569 18.1278C0.571438 18.842 0.571438 20.0001 1.28569 20.7143C1.99993 21.4286 3.15796 21.4286 3.87221 20.7143L11 13.5865L18.1278 20.7143C18.842 21.4286 20.0001 21.4286 20.7143 20.7143C21.4286 20.0001 21.4286 18.842 20.7143 18.1278L13.5865 11L20.7143 3.87221C21.4286 3.15796 21.4286 1.99994 20.7143 1.28569C20.0001 0.571438 18.842 0.571438 18.1278 1.28569L11 8.41348L3.87221 1.28569Z'
-                fill='#00E161'
-                fillOpacity='0.8'
-              />
-              <path
-                d='M3.87221 1.28569C3.15796 0.571438 1.99993 0.571438 1.28569 1.28569C0.571438 1.99994 0.571438 3.15796 1.28569 3.87221L8.41348 11L1.28569 18.1278C0.571438 18.842 0.571438 20.0001 1.28569 20.7143C1.99993 21.4286 3.15796 21.4286 3.87221 20.7143L11 13.5865L18.1278 20.7143C18.842 21.4286 20.0001 21.4286 20.7143 20.7143C21.4286 20.0001 21.4286 18.842 20.7143 18.1278L13.5865 11L20.7143 3.87221C21.4286 3.15796 21.4286 1.99994 20.7143 1.28569C20.0001 0.571438 18.842 0.571438 18.1278 1.28569L11 8.41348L3.87221 1.28569Z'
-                fill='url(#pattern0_5355_21800)'
-                fillOpacity='0.1'
-              />
-              <path
-                d='M3.87221 1.28569C3.15796 0.571438 1.99993 0.571438 1.28569 1.28569C0.571438 1.99994 0.571438 3.15796 1.28569 3.87221L8.41348 11L1.28569 18.1278C0.571438 18.842 0.571438 20.0001 1.28569 20.7143C1.99993 21.4286 3.15796 21.4286 3.87221 20.7143L11 13.5865L18.1278 20.7143C18.842 21.4286 20.0001 21.4286 20.7143 20.7143C21.4286 20.0001 21.4286 18.842 20.7143 18.1278L13.5865 11L20.7143 3.87221C21.4286 3.15796 21.4286 1.99994 20.7143 1.28569C20.0001 0.571438 18.842 0.571438 18.1278 1.28569L11 8.41348L3.87221 1.28569Z'
-                stroke='#00E161'
-                stroke-width='0.5'
-                stroke-linecap='round'
-              />
-              <defs>
-                <pattern
-                  id='pattern0_5355_21800'
-                  patternContentUnits='objectBoundingBox'
-                  width='0.15'
-                  height='0.0809302'>
-                  <use xlinkHref='#image0_5355_21800' transform='scale(0.000348837)' />
-                </pattern>
-                <image
-                  id='image0_5355_21800'
-                  width='430'
-                  height='232'
-                  xlinkHref='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa4AAADoCAYAAAC3gwBfAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIhSURBVHgB7dUBDQAgDMCwg3/PgI2FNpmGzQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwt/U6AwARewAgxLgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIg5QJRWAF7kuBzRgAAAABJRU5ErkJggg=='
+              <svg
+                xmlns='http://www.w3.org/2000/svg'
+                xmlnsXlink='http://www.w3.org/1999/xlink'
+                width='22'
+                height='22'
+                viewBox='0 0 22 22'
+                fill='none'>
+                <path
+                  d='M3.87221 1.28569C3.15796 0.571438 1.99993 0.571438 1.28569 1.28569C0.571438 1.99994 0.571438 3.15796 1.28569 3.87221L8.41348 11L1.28569 18.1278C0.571438 18.842 0.571438 20.0001 1.28569 20.7143C1.99993 21.4286 3.15796 21.4286 3.87221 20.7143L11 13.5865L18.1278 20.7143C18.842 21.4286 20.0001 21.4286 20.7143 20.7143C21.4286 20.0001 21.4286 18.842 20.7143 18.1278L13.5865 11L20.7143 3.87221C21.4286 3.15796 21.4286 1.99994 20.7143 1.28569C20.0001 0.571438 18.842 0.571438 18.1278 1.28569L11 8.41348L3.87221 1.28569Z'
+                  fill='#00E161'
+                  fillOpacity='0.8'
                 />
-              </defs>
-            </svg>
+                <path
+                  d='M3.87221 1.28569C3.15796 0.571438 1.99993 0.571438 1.28569 1.28569C0.571438 1.99994 0.571438 3.15796 1.28569 3.87221L8.41348 11L1.28569 18.1278C0.571438 18.842 0.571438 20.0001 1.28569 20.7143C1.99993 21.4286 3.15796 21.4286 3.87221 20.7143L11 13.5865L18.1278 20.7143C18.842 21.4286 20.0001 21.4286 20.7143 20.7143C21.4286 20.0001 21.4286 18.842 20.7143 18.1278L13.5865 11L20.7143 3.87221C21.4286 3.15796 21.4286 1.99994 20.7143 1.28569C20.0001 0.571438 18.842 0.571438 18.1278 1.28569L11 8.41348L3.87221 1.28569Z'
+                  fill='url(#pattern0_5355_21800)'
+                  fillOpacity='0.1'
+                />
+                <path
+                  d='M3.87221 1.28569C3.15796 0.571438 1.99993 0.571438 1.28569 1.28569C0.571438 1.99994 0.571438 3.15796 1.28569 3.87221L8.41348 11L1.28569 18.1278C0.571438 18.842 0.571438 20.0001 1.28569 20.7143C1.99993 21.4286 3.15796 21.4286 3.87221 20.7143L11 13.5865L18.1278 20.7143C18.842 21.4286 20.0001 21.4286 20.7143 20.7143C21.4286 20.0001 21.4286 18.842 20.7143 18.1278L13.5865 11L20.7143 3.87221C21.4286 3.15796 21.4286 1.99994 20.7143 1.28569C20.0001 0.571438 18.842 0.571438 18.1278 1.28569L11 8.41348L3.87221 1.28569Z'
+                  stroke='#00E161'
+                  stroke-width='0.5'
+                  stroke-linecap='round'
+                />
+                <defs>
+                  <pattern
+                    id='pattern0_5355_21800'
+                    patternContentUnits='objectBoundingBox'
+                    width='0.15'
+                    height='0.0809302'>
+                    <use xlinkHref='#image0_5355_21800' transform='scale(0.000348837)' />
+                  </pattern>
+                  <image
+                    id='image0_5355_21800'
+                    width='430'
+                    height='232'
+                    xlinkHref='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa4AAADoCAYAAAC3gwBfAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIhSURBVHgB7dUBDQAgDMCwg3/PgI2FNpmGzQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwt/U6AwARewAgxLgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIgxbgASDEuAFKMC4AU4wIg5QJRWAF7kuBzRgAAAABJRU5ErkJggg=='
+                  />
+                </defs>
+              </svg>
+            </div>
+            <Content selected={selected} />
           </div>
-          <Content selected={selected} />
-        </div>
         </>
       )}
     </>

diff --git a/src/pages/events/ava-2024/map/submit-portal/page.tsx b/src/pages/events/ava-2024/map/submit-portal/page.tsx
@@ -14,6 +14,7 @@ import Round2Submission from './round2Submission'
 import DecorLeft from 'components/pages/event/ava-2024/assets/decor-left.png'
 import DecorRight from 'components/pages/event/ava-2024/assets/decor-right.png'
 import DecorMiddle from 'components/pages/event/ava-2024/assets/decor-middle.png'
+import { useRouter } from 'next/router'
 export default function Page(props) {
   if (props.justHead) {
     return <></>
@@ -28,12 +29,15 @@ function Event() {
   const [round, setRound] = useState(
     searchParams.get('tab') == 'round-3' ? 3 : searchParams.get('tab') == 'round-2' ? 2 : 1
   )
+  const { replace } = useRouter()
   useEffect(() => {
     if (!account) {
       setSignInOpen(true)
     }
   }, [account])
-  const guideContentRef = useRef<any>()
+  useEffect(() => {
+    replace(`${location.pathname}?tab=round-${round}`)
+  }, [round])
   return (
     <>
       <div

diff --git a/src/pages/events/ava-2024/map/submit-portal/round2Submission.tsx b/src/pages/events/ava-2024/map/submit-portal/round2Submission.tsx
@@ -103,7 +103,7 @@ export default function Round2Submission() {
                   image_url: data.secondaryLanguage.link,
                 },
               ]
-              : [
+            : [
                 {
                   title: data.mainLanguage.title,
                   language_id: data.mainLanguage.language_id,
@@ -158,28 +158,30 @@ export default function Round2Submission() {
           type: 'error',
         })
       } else {
-        setLoading(true)
-        const formData = new FormData()
-        formData.append('avatar', data.avatar)
-        formData.append('pen_name', data.pen_name)
-        formData.append('bio', data.bio)
-        const res = await userService.updateArtistProfile(formData)
-        if (res.data.errors?.[0]?.message) {
-          toast(
-            res.data.errors?.[0]?.message.includes('creators_pen_name_key')
-              ? 'Your pen name has been already taken.'
-              : res.data.errors?.[0]?.message,
-            {
-              type: 'error',
-            }
-          )
-          setLoading(false)
-        } else {
-          await getProfile()
-          toast('Update successfully, you are a Punkga Creator now', {
-            type: 'success',
-          })
-          setLoading(false)
+        if (data.pen_name && data.pen_name.length <= 25 && data.bio && data.bio.length <= 150 && !loading) {
+          setLoading(true)
+          const formData = new FormData()
+          formData.append('avatar', data.avatar)
+          formData.append('pen_name', data.pen_name)
+          formData.append('bio', data.bio)
+          const res = await userService.updateArtistProfile(formData)
+          if (res.data.errors?.[0]?.message) {
+            toast(
+              res.data.errors?.[0]?.message.includes('creators_pen_name_key')
+                ? 'Your pen name has been already taken.'
+                : res.data.errors?.[0]?.message,
+              {
+                type: 'error',
+              }
+            )
+            setLoading(false)
+          } else {
+            await getProfile()
+            toast('Update successfully, you are a Punkga Creator now', {
+              type: 'success',
+            })
+            setLoading(false)
+          }
         }
       }
     } catch (error) {
@@ -671,8 +673,7 @@ const Character = ({ data, value, onChange, max }) => {
             href={`https://explorer.story.foundation/ipa/${data?.story_ip_asset?.ip_asset_id}`}
             target='_blank'
             className='mt-1 text-xs font-medium text-brand-default'
-            onClick={(e) => e.stopPropagation()}
-            >
+            onClick={(e) => e.stopPropagation()}>
             {shorten(data.story_ip_asset?.ip_asset_id)}
           </Link>
         )}