From a12abfeb81e0d3184af6abe6ae9db00dfd0478a5 Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Mon, 26 Feb 2024 15:42:17 +0800
Subject: [PATCH 1/9] style: add mint btn

---
 src/assets/coin-svgrepo-com.svg         | 155 ++++++++++++++++++++++++
 src/pages/game/_components/GameOver.tsx |  12 ++
 2 files changed, 167 insertions(+)
 create mode 100644 src/assets/coin-svgrepo-com.svg

diff --git a/src/assets/coin-svgrepo-com.svg b/src/assets/coin-svgrepo-com.svg
new file mode 100644
index 0000000..0e45b86
--- /dev/null
+++ b/src/assets/coin-svgrepo-com.svg
@@ -0,0 +1,155 @@
+<svg height="20px" width="20px" version="1.1" id="_x35_"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve">
+	<g>
+		<g>
+			<path style="fill:#EFB832;" d="M256,512C114.841,512,0,397.159,0,256S114.841,0,256,0s256,114.841,256,256S397.159,512,256,512z" />
+			<g style="opacity:0.2;">
+				<g>
+					<path style="fill:#FFFFFF;" d="M331.858,278.511c-2.639-7.713-6.907-14.208-12.786-19.487
+					c-4.679-4.679-10.266-8.329-16.762-10.969c-6.496-2.639-14.723-4.679-24.68-6.102l-1.92-0.291l-23.978-3.668
+					c-4.662-0.6-8.57-1.628-11.723-3.051c-1.32-0.583-2.554-1.234-3.719-1.936c-1.611-0.977-3.051-2.057-4.353-3.24
+					c-2.245-2.228-3.805-4.662-4.73-7.301c-0.908-2.639-1.371-5.382-1.371-8.227c0-7.524,2.691-13.968,8.073-19.35
+					c0.737-0.737,1.525-1.423,2.382-2.04c5.348-4.028,12.94-6.033,22.761-6.033c5.33,0,10.883,0.48,16.659,1.457
+					c1.936,0.326,3.891,0.703,5.879,1.131c7.918,1.731,15.237,5.844,21.938,12.34l26.806-26.514
+					c-9.341-9.135-19.59-15.631-30.765-19.487c-7.164-2.468-15.133-4.165-23.875-5.039c-4.884-0.514-10.026-0.754-15.425-0.754
+					c-8.638,0-16.642,0.874-23.978,2.639c-2.657,0.634-5.227,1.371-7.713,2.245c-9.341,3.24-17.259,7.764-23.755,13.54
+					c-6.496,5.793-11.484,12.7-14.928,20.721c-3.462,8.021-5.176,16.917-5.176,26.669c0,18.476,5.176,32.702,15.528,42.642
+					c4.885,4.679,10.66,8.484,17.362,11.432c5.296,2.314,11.5,4.165,18.681,5.519c1.937,0.377,3.925,0.72,5.999,1.028l25.897,3.959
+					c2.913,0.428,5.416,0.891,7.524,1.371c1.868,0.446,3.428,0.891,4.662,1.371c2.639,1.011,5.073,2.537,7.318,4.559
+					c4.456,4.473,6.701,10.472,6.701,17.979c0,8.741-3.256,15.442-9.752,20.104c-2.502,1.817-5.484,3.274-8.929,4.37
+					c-5.484,1.765-12.151,2.639-20.018,2.639c-6.684,0-13.163-0.6-19.402-1.8c-3.034-0.583-5.999-1.303-8.929-2.159
+					c-8.929-2.639-16.848-7.404-23.755-14.311l-27.423,27.405c10.558,10.78,22.281,18.236,35.187,22.401
+					c7.678,2.485,15.991,4.216,24.938,5.21c6.067,0.686,12.443,1.029,19.093,1.029c7.061,0,13.831-0.566,20.31-1.714
+					c3.942-0.686,7.781-1.594,11.517-2.708c9.855-2.931,18.373-7.198,25.589-12.786c7.216-5.587,12.854-12.443,16.917-20.567
+					c4.062-8.124,6.085-17.465,6.085-28.022C335.817,294.964,334.497,286.24,331.858,278.511z"/>
+				</g>
+				<path style="fill:#FFFFFF;" d="M275.71,151.407v36.866c-5.776-0.977-11.329-1.457-16.659-1.457
+				c-9.821,0-17.413,2.005-22.761,6.033v-41.442c0-10.849,8.878-19.71,19.71-19.71c5.416,0,10.352,2.211,13.917,5.793
+				c3.428,3.411,5.605,8.073,5.776,13.214C275.71,150.944,275.71,151.167,275.71,151.407z"/>
+				<path style="fill:#FFFFFF;" d="M275.71,241.662v40.054c-2.108-0.48-4.61-0.943-7.524-1.371l-25.897-3.959
+				c-2.074-0.309-4.062-0.651-5.999-1.028v-42.351c1.165,0.703,2.399,1.354,3.719,1.936c3.154,1.423,7.061,2.451,11.723,3.051
+				L275.71,241.662z"/>
+				<path style="fill:#FFFFFF;" d="M255.692,332.739c7.867,0,14.534-0.874,20.018-2.639v38.974c0,10.832-8.861,19.71-19.71,19.71
+				c-10.695,0-19.487-8.655-19.693-19.299c-0.017-0.137-0.017-0.274-0.017-0.411v-38.135
+				C242.529,332.139,249.007,332.739,255.692,332.739z"/>
+			</g>
+			<g style="opacity:0.5;">
+				<path style="fill:#AE8132;" d="M256.001,472.633c-119.452,0-216.633-97.181-216.633-216.633s97.18-216.633,216.633-216.633
+				c119.452,0,216.633,97.18,216.633,216.633S375.453,472.633,256.001,472.633z M256.001,94.604
+				c-88.994,0-161.396,72.402-161.396,161.396s72.402,161.396,161.396,161.396c88.994,0,161.396-72.402,161.396-161.396
+				S344.994,94.604,256.001,94.604z"/>
+			</g>
+			<g>
+				<path style="fill:#EFB832;" d="M184,82.265c0.458,1.164,0.856,2.222,1.187,3.17c0.334,0.946,0.576,1.846,0.725,2.697
+				c0.15,0.847,0.19,1.669,0.117,2.461c-0.069,0.789-0.291,1.617-0.664,2.474c-0.497,1.144-1.183,2.144-2.057,3.002
+				c-0.874,0.854-2.02,1.563-3.434,2.118c-1.411,0.555-2.736,0.819-3.972,0.791c-1.236-0.028-2.425-0.287-3.572-0.786
+				c-0.855-0.376-1.579-0.827-2.17-1.359c-0.593-0.529-1.119-1.161-1.572-1.89c-0.461-0.729-0.888-1.553-1.29-2.473
+				c-0.405-0.924-0.833-1.965-1.291-3.129c-0.456-1.162-0.851-2.217-1.183-3.166c-0.336-0.95-0.582-1.846-0.745-2.692
+				c-0.16-0.841-0.208-1.661-0.134-2.453c0.069-0.791,0.293-1.617,0.664-2.474c0.499-1.144,1.189-2.146,2.077-3.009
+				c0.885-0.861,2.034-1.568,3.45-2.123c1.414-0.558,2.733-0.819,3.957-0.786c1.221,0.031,2.408,0.295,3.552,0.791
+				c0.857,0.373,1.581,0.829,2.172,1.359c0.591,0.532,1.118,1.161,1.59,1.884c0.469,0.724,0.905,1.548,1.307,2.466
+				C183.114,80.06,183.547,81.104,184,82.265z M179.247,84.134c-0.458-1.162-0.86-2.116-1.204-2.861
+				c-0.347-0.745-0.665-1.35-0.954-1.817c-0.289-0.467-0.566-0.825-0.836-1.07c-0.27-0.253-0.567-0.459-0.893-0.619
+				c-0.495-0.255-1.047-0.396-1.653-0.437c-0.608-0.039-1.241,0.074-1.902,0.336c-0.66,0.257-1.205,0.611-1.622,1.05
+				c-0.419,0.444-0.736,0.926-0.947,1.457c-0.128,0.343-0.208,0.697-0.233,1.062c-0.028,0.365,0.011,0.817,0.117,1.356
+				c0.108,0.538,0.294,1.195,0.559,1.973c0.268,0.778,0.629,1.749,1.088,2.912c0.456,1.162,0.851,2.119,1.187,2.867
+				c0.334,0.753,0.645,1.354,0.929,1.81s0.559,0.807,0.826,1.055c0.272,0.252,0.569,0.454,0.898,0.618
+				c0.514,0.241,1.08,0.39,1.694,0.438c0.611,0.05,1.246-0.056,1.91-0.318c0.659-0.26,1.198-0.613,1.612-1.068
+				c0.412-0.453,0.715-0.941,0.904-1.461c0.13-0.341,0.208-0.695,0.236-1.06c0.026-0.367-0.009-0.813-0.112-1.34
+				c-0.101-0.525-0.279-1.177-0.534-1.961C180.059,86.273,179.704,85.297,179.247,84.134z"/>
+				<path style="fill:#EFB832;" d="M208.075,89.001l-14.273-12.715l4.284,15.481l-4.922,1.363l-6.984-25.224l4.395-1.215
+				l14.263,12.682l-4.276-15.446l4.927-1.361l6.981,25.22L208.075,89.001z"/>
+				<path style="fill:#EFB832;" d="M217.723,86.957l-3.763-25.9l17.059-2.478l0.655,4.511l-12.002,1.744l0.88,6.072l10.224-1.482
+				l0.652,4.506l-10.219,1.486l0.915,6.295l12.004-1.744l0.657,4.508L217.723,86.957z"/>
+				<path style="fill:#EFB832;" d="M266.141,65.704c-0.005,1.105-0.205,2.15-0.602,3.141c-0.396,0.993-0.962,1.859-1.7,2.604
+				c-0.738,0.744-1.649,1.33-2.728,1.753c-1.081,0.428-2.293,0.637-3.638,0.632l-5.039-0.022l-0.038,9.852l-5.108-0.018
+				l0.101-26.174l10.144,0.04c1.348,0.005,2.562,0.224,3.64,0.657c1.076,0.431,1.979,1.026,2.712,1.774
+				c0.731,0.752,1.293,1.624,1.68,2.617C265.954,63.557,266.144,64.599,266.141,65.704z M261.031,65.686
+				c0.006-1.078-0.329-1.95-1-2.613c-0.671-0.665-1.596-1.002-2.771-1.003l-4.78-0.02l-0.026,7.165l4.78,0.02
+				c1.173,0.004,2.101-0.316,2.776-0.962C260.685,67.627,261.027,66.764,261.031,65.686z"/>
+				<path style="fill:#EFB832;" d="M269.683,84.046l2.934-26.005l17.129,1.93l-0.51,4.529l-12.054-1.357l-0.686,6.1l10.263,1.155
+				l-0.512,4.531l-10.264-1.158l-0.712,6.319l12.054,1.357l-0.51,4.531L269.683,84.046z"/>
+				<path style="fill:#EFB832;" d="M306.119,90.148l-6.472-17.989l-3.624,15.652l-4.979-1.154l5.906-25.498l4.439,1.029l6.484,17.953
+				l3.615-15.613l4.979,1.154l-5.904,25.496L306.119,90.148z"/>
+				<path style="fill:#EFB832;" d="M330.211,98.029l-4.201-18.647l-5.531,15.08l-4.798-1.762l9.015-24.567l4.277,1.571l4.212,18.615
+				l5.521-15.048l4.796,1.762l-9.015,24.572L330.211,98.029z"/>
+				<path style="fill:#EFB832;" d="M353.133,96.742l-4.795,9.6l-4.539-2.264l4.795-9.604l-0.141-17.323l4.964,2.478l-0.337,11.622
+				l9.022-7.288l4.964,2.478L353.133,96.742z"/>
+			</g>
+			<g>
+				<path style="fill:#EFB832;" d="M331.201,432.648c-0.458-1.165-0.856-2.222-1.187-3.17c-0.334-0.946-0.576-1.846-0.725-2.697
+				c-0.149-0.846-0.19-1.669-0.117-2.46c0.069-0.789,0.291-1.617,0.664-2.475c0.497-1.144,1.183-2.144,2.057-3.002
+				c0.874-0.854,2.02-1.563,3.434-2.118c1.412-0.555,2.736-0.819,3.972-0.791c1.237,0.028,2.425,0.287,3.572,0.786
+				c0.855,0.376,1.579,0.827,2.17,1.359c0.593,0.529,1.118,1.161,1.572,1.89c0.461,0.729,0.888,1.553,1.29,2.473
+				c0.405,0.924,0.832,1.965,1.291,3.129c0.456,1.162,0.851,2.217,1.183,3.165c0.336,0.95,0.582,1.846,0.745,2.692
+				c0.16,0.841,0.208,1.661,0.134,2.453c-0.069,0.792-0.293,1.617-0.664,2.474c-0.499,1.144-1.189,2.146-2.077,3.01
+				c-0.885,0.861-2.034,1.568-3.45,2.123c-1.414,0.558-2.733,0.819-3.957,0.786c-1.221-0.031-2.408-0.294-3.552-0.792
+				c-0.857-0.373-1.582-0.829-2.172-1.359c-0.591-0.532-1.119-1.161-1.59-1.884c-0.469-0.724-0.905-1.548-1.307-2.466
+				C332.087,434.852,331.655,433.808,331.201,432.648z M335.954,430.778c0.458,1.162,0.86,2.116,1.204,2.861
+				c0.347,0.745,0.665,1.35,0.954,1.817c0.289,0.467,0.566,0.825,0.836,1.071c0.27,0.253,0.567,0.459,0.893,0.619
+				c0.495,0.256,1.047,0.396,1.653,0.437c0.608,0.039,1.241-0.073,1.902-0.336c0.659-0.257,1.204-0.611,1.622-1.05
+				c0.42-0.444,0.736-0.926,0.947-1.457c0.128-0.343,0.208-0.697,0.234-1.062c0.028-0.365-0.011-0.817-0.117-1.355
+				c-0.108-0.539-0.294-1.195-0.559-1.973c-0.267-0.778-0.629-1.749-1.088-2.912c-0.456-1.162-0.851-2.119-1.187-2.867
+				c-0.334-0.753-0.645-1.353-0.929-1.81c-0.284-0.456-0.559-0.807-0.826-1.055c-0.272-0.252-0.569-0.454-0.898-0.618
+				c-0.514-0.241-1.08-0.39-1.694-0.438c-0.611-0.05-1.246,0.056-1.91,0.318c-0.659,0.26-1.198,0.613-1.612,1.068
+				c-0.412,0.453-0.715,0.941-0.905,1.461c-0.13,0.341-0.208,0.695-0.236,1.06c-0.026,0.367,0.009,0.813,0.112,1.34
+				c0.101,0.525,0.279,1.177,0.534,1.961C335.143,428.639,335.498,429.616,335.954,430.778z"/>
+				<path style="fill:#EFB832;" d="M307.126,425.912l14.273,12.715l-4.284-15.481l4.922-1.363l6.984,25.224l-4.395,1.215
+				l-14.263-12.682l4.276,15.446l-4.927,1.361l-6.981-25.22L307.126,425.912z"/>
+				<path style="fill:#EFB832;" d="M297.479,427.955l3.763,25.9l-17.059,2.478l-0.655-4.511l12.002-1.744l-0.88-6.072l-10.224,1.482
+				l-0.652-4.506l10.219-1.486l-0.915-6.295l-12.004,1.744l-0.657-4.508L297.479,427.955z"/>
+				<path style="fill:#EFB832;" d="M249.06,449.208c0.005-1.105,0.205-2.15,0.602-3.141c0.396-0.993,0.962-1.859,1.7-2.603
+				c0.738-0.744,1.649-1.33,2.728-1.753c1.081-0.428,2.293-0.637,3.638-0.632l5.038,0.022l0.038-9.852l5.108,0.018l-0.101,26.174
+				l-10.144-0.04c-1.348-0.005-2.562-0.224-3.64-0.657c-1.076-0.431-1.979-1.026-2.712-1.774c-0.731-0.752-1.293-1.624-1.68-2.617
+				C249.248,451.355,249.058,450.313,249.06,449.208z M254.171,449.226c-0.006,1.078,0.329,1.95,1,2.613
+				c0.671,0.665,1.596,1.001,2.771,1.003l4.78,0.02l0.026-7.165l-4.78-0.02c-1.172-0.004-2.101,0.316-2.776,0.962
+				C254.516,447.285,254.174,448.148,254.171,449.226z"/>
+				<path style="fill:#EFB832;" d="M245.519,430.866l-2.934,26.005l-17.129-1.93l0.51-4.529l12.054,1.357l0.686-6.1l-10.264-1.155
+				l0.512-4.531l10.264,1.158l0.712-6.319l-12.054-1.357l0.51-4.531L245.519,430.866z"/>
+				<path style="fill:#EFB832;" d="M209.083,424.764l6.472,17.989l3.624-15.652l4.979,1.154l-5.906,25.498l-4.439-1.029
+				l-6.484-17.953l-3.615,15.613l-4.979-1.154l5.904-25.496L209.083,424.764z"/>
+				<path style="fill:#EFB832;" d="M184.991,416.883l4.2,18.647l5.531-15.08l4.798,1.762l-9.015,24.567l-4.277-1.571l-4.213-18.616
+				l-5.521,15.048l-4.796-1.762l9.015-24.572L184.991,416.883z"/>
+				<path style="fill:#EFB832;" d="M162.068,418.17l4.795-9.6l4.539,2.264l-4.795,9.604l0.141,17.323l-4.964-2.478l0.337-11.622
+				l-9.022,7.288l-4.964-2.478L162.068,418.17z"/>
+			</g>
+			<g>
+				<g>
+					<path style="fill:#CC9322;" d="M331.858,274.27c-2.639-7.713-6.907-14.208-12.786-19.487
+					c-4.679-4.679-10.266-8.329-16.762-10.969c-6.496-2.639-14.723-4.679-24.68-6.102l-1.92-0.292l-23.978-3.668
+					c-4.662-0.6-8.57-1.628-11.723-3.051c-1.32-0.583-2.554-1.234-3.719-1.936c-1.611-0.977-3.051-2.057-4.353-3.24
+					c-2.245-2.228-3.805-4.662-4.73-7.301c-0.908-2.639-1.371-5.382-1.371-8.227c0-7.524,2.691-13.968,8.073-19.35
+					c0.737-0.737,1.525-1.423,2.382-2.04c5.348-4.028,12.94-6.033,22.761-6.033c5.33,0,10.883,0.48,16.659,1.457
+					c1.936,0.326,3.891,0.703,5.879,1.131c7.918,1.731,15.237,5.844,21.938,12.34l26.806-26.514
+					c-9.341-9.135-19.59-15.631-30.765-19.487c-7.164-2.468-15.133-4.165-23.875-5.039c-4.884-0.514-10.026-0.754-15.425-0.754
+					c-8.638,0-16.642,0.874-23.978,2.64c-2.657,0.634-5.227,1.371-7.713,2.245c-9.341,3.239-17.259,7.764-23.755,13.54
+					c-6.496,5.793-11.484,12.7-14.928,20.721c-3.462,8.021-5.176,16.917-5.176,26.669c0,18.476,5.176,32.701,15.528,42.642
+					c4.885,4.679,10.66,8.484,17.362,11.432c5.296,2.314,11.5,4.165,18.681,5.519c1.937,0.377,3.925,0.72,5.999,1.028l25.897,3.959
+					c2.913,0.428,5.416,0.891,7.524,1.371c1.868,0.446,3.428,0.891,4.662,1.371c2.639,1.011,5.073,2.537,7.318,4.559
+					c4.456,4.474,6.701,10.472,6.701,17.979c0,8.741-3.256,15.442-9.752,20.104c-2.502,1.817-5.484,3.274-8.929,4.37
+					c-5.484,1.765-12.151,2.639-20.018,2.639c-6.684,0-13.163-0.6-19.402-1.8c-3.034-0.583-5.999-1.303-8.929-2.16
+					c-8.929-2.639-16.848-7.404-23.755-14.311l-27.423,27.405c10.558,10.78,22.281,18.236,35.187,22.401
+					c7.678,2.485,15.991,4.216,24.938,5.21c6.067,0.686,12.443,1.029,19.093,1.029c7.061,0,13.831-0.566,20.31-1.714
+					c3.942-0.686,7.781-1.594,11.517-2.708c9.855-2.931,18.373-7.198,25.589-12.786c7.216-5.587,12.854-12.443,16.917-20.567
+					c4.062-8.124,6.085-17.465,6.085-28.022C335.817,290.724,334.497,282,331.858,274.27z"/>
+				</g>
+				<path style="fill:#CC9322;" d="M275.71,147.167v36.866c-5.776-0.977-11.329-1.457-16.659-1.457
+				c-9.821,0-17.413,2.005-22.761,6.033v-41.442c0-10.849,8.878-19.71,19.71-19.71c5.416,0,10.352,2.211,13.917,5.793
+				c3.428,3.411,5.605,8.072,5.776,13.214C275.71,146.704,275.71,146.927,275.71,147.167z"/>
+				<path style="fill:#CC9322;" d="M275.71,237.421v40.054c-2.108-0.48-4.61-0.943-7.524-1.371l-25.897-3.959
+				c-2.074-0.309-4.062-0.651-5.999-1.028v-42.351c1.165,0.703,2.399,1.354,3.719,1.936c3.154,1.423,7.061,2.451,11.723,3.051
+				L275.71,237.421z"/>
+				<path style="fill:#CC9322;" d="M255.692,328.498c7.867,0,14.534-0.874,20.018-2.639v38.974c0,10.832-8.861,19.71-19.71,19.71
+				c-10.695,0-19.487-8.655-19.693-19.299c-0.017-0.137-0.017-0.274-0.017-0.411v-38.134
+				C242.529,327.898,249.007,328.498,255.692,328.498z"/>
+			</g>
+			<g>
+				<circle style="fill:#EFB832;" cx="65.963" cy="256" r="9.56"/>
+				<circle style="fill:#EFB832;" cx="444.121" cy="256" r="9.56"/>
+			</g>
+		</g>
+		<path style="opacity:0.06;fill:#040000;" d="M256.12,511.759c65.556,0,131.113-24.952,181.02-74.859
+		c99.814-99.814,99.814-262.225,0-362.038C387.232,24.953,321.676,0,256.12,0L256.12,511.759z"/>
+	</g>
+</svg>
\ No newline at end of file
diff --git a/src/pages/game/_components/GameOver.tsx b/src/pages/game/_components/GameOver.tsx
index 4fc9665..20da046 100644
--- a/src/pages/game/_components/GameOver.tsx
+++ b/src/pages/game/_components/GameOver.tsx
@@ -34,6 +34,7 @@ import {
   Transaction,
 } from "@solana/web3.js";
 import useSolana from "../_utils/useSolana.ts";
+import SBTIcon from "@/assets/coin-svgrepo-com.svg?react";
 
 const VerifyPayloadSchema: borsh.Schema = {
   struct: {
@@ -584,6 +585,17 @@ export const GameOver = ({
               [Browse Transaction]
             </button>
           )}
+          {SettlementOver && gameResult === 1 && (
+            <button
+              className="rounded-none text-success btn btn-xs btn-ghost"
+              onClick={() => {
+                setErrorMsg(undefined);
+                onExit();
+              }}
+            >
+              [<SBTIcon /> Mint SBT]
+            </button>
+          )}
           {(SettlementOver || errorMsg) && (
             <button
               className="rounded-none text-error btn btn-xs btn-ghost"

From 8a913e17d01fa3ed873e52bae77201a105d36fed Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Wed, 28 Feb 2024 09:25:08 +0800
Subject: [PATCH 2/9] chore: ready for sbt

---
 src/constants/chain.ts             |  6 ++
 src/constants/contract.ts          | 95 ++++++++++++++++++++++++++++++
 src/pages/game/_utils/helper.ts    |  7 ++-
 src/pages/game/_utils/useEvmSBT.ts | 41 +++++++++++++
 4 files changed, 148 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/game/_utils/useEvmSBT.ts

diff --git a/src/constants/chain.ts b/src/constants/chain.ts
index 02126ea..50cdc88 100644
--- a/src/constants/chain.ts
+++ b/src/constants/chain.ts
@@ -46,6 +46,12 @@ export const ContractAddressMap: Record<number, `0x${string}`> = {
   84532: "0x0483e88cd38cccb71c9c1020faf830d905542d09", //baseSepolia
 };
 
+export const SBTAddressMap: Record<number, `0x${string}`> = {
+  421614: "0xce68617D6575EDe95aF1eAaC7489b06F3b107D9f", //arbitrumSepolia
+  11155420: "0x0483e88cd38cccb71c9c1020faf830d905542d09", //optimismSepolia
+  84532: "0x0483e88cd38cccb71c9c1020faf830d905542d09", //baseSepolia
+};
+
 export const FaucetMap: Record<number, Record<string, string>[]> = {
   421614: [
     { "Faucet by Alchemy": "https://www.alchemy.com/faucets/arbitrum-sepolia" },
diff --git a/src/constants/contract.ts b/src/constants/contract.ts
index 8372dc4..1486fe9 100644
--- a/src/constants/contract.ts
+++ b/src/constants/contract.ts
@@ -199,3 +199,98 @@ export const ABI = [
     type: "function",
   },
 ];
+
+export const SBTABI = [
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "previousOwner",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "newOwner",
+        type: "address",
+      },
+    ],
+    name: "OwnershipTransferred",
+    type: "event",
+  },
+  {
+    inputs: [],
+    name: "canisterAddress",
+    outputs: [{ internalType: "address", name: "", type: "address" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "address", name: "userAddr", type: "address" }],
+    name: "checkUserAchievement",
+    outputs: [
+      {
+        internalType: "enum zkMazeVerify.Achievement",
+        name: "",
+        type: "uint8",
+      },
+    ],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "owner",
+    outputs: [{ internalType: "address", name: "", type: "address" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "renounceOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "address", name: "addr", type: "address" }],
+    name: "setCanisterAddress",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "string", name: "programHash", type: "string" }],
+    name: "setProgramHash",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "address", name: "newOwner", type: "address" }],
+    name: "transferOwnership",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      { internalType: "bytes", name: "signature", type: "bytes" },
+      { internalType: "string", name: "programhash", type: "string" },
+      { internalType: "string", name: "publicinput", type: "string" },
+      { internalType: "string[]", name: "output", type: "string[]" },
+    ],
+    name: "verifyECDSASignature",
+    outputs: [
+      {
+        internalType: "enum zkMazeVerify.Achievement",
+        name: "acheiventment",
+        type: "uint8",
+      },
+    ],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+];
diff --git a/src/pages/game/_utils/helper.ts b/src/pages/game/_utils/helper.ts
index 5b77621..7088d98 100644
--- a/src/pages/game/_utils/helper.ts
+++ b/src/pages/game/_utils/helper.ts
@@ -2,7 +2,7 @@ import { CellSize, TextureType, Step, animationSpeed } from "./config";
 import { Sprite, AnimatedSprite, Container } from "pixi.js";
 import { chains } from "@/hooks/ctx/Wagmi";
 import { useWeb3ModalState } from "@web3modal/wagmi/react";
-import { ContractAddressMap } from "@/constants";
+import { ContractAddressMap, SBTAddressMap } from "@/constants";
 
 export const supportChain = chains;
 
@@ -30,6 +30,11 @@ export const useEVMContractAddress = () => {
   return ContractAddressMap[selectedNetworkId as unknown as number];
 };
 
+export const useEVMSBTAddress = () => {
+  const { selectedNetworkId } = useWeb3ModalState();
+  return SBTAddressMap[selectedNetworkId as unknown as number];
+};
+
 // 检测坐标系中的点是否越界
 export function isOutOfBound(Map: TextureType[][], point: Step) {
   const { x, y } = point;
diff --git a/src/pages/game/_utils/useEvmSBT.ts b/src/pages/game/_utils/useEvmSBT.ts
new file mode 100644
index 0000000..6cb3fa7
--- /dev/null
+++ b/src/pages/game/_utils/useEvmSBT.ts
@@ -0,0 +1,41 @@
+import { useWriteContract, useReadContract, useAccount } from "wagmi";
+
+import { useEVMSBTAddress, useCurrentChain } from "../_utils";
+import { useStateStore } from "@/store";
+import { SBTABI } from "@/constants";
+export default function useEvmSbt() {
+  const Chain = useCurrentChain();
+  const ContractAddress = useEVMSBTAddress();
+  const { network } = useStateStore();
+
+  const { writeContractAsync } = useWriteContract();
+  const { address } = useAccount();
+
+  const write = () => {
+    return writeContractAsync({
+      address: ContractAddress,
+      abi: SBTABI,
+      functionName: "verifyECDSASignature",
+      chainId: Chain?.id,
+      args: [address],
+    });
+  };
+
+  const {
+    data: hasSBT,
+    // isPending: isContractLoading,
+  } = useReadContract({
+    address: ContractAddress,
+    abi: SBTABI,
+    functionName: "checkUserAchievement",
+    args: [address],
+    query: {
+      enabled: network !== "solana",
+    },
+  });
+
+  return {
+    hasSBT,
+    write,
+  };
+}

From bc316cacc7b611a5d93c62b1f68f2e12ec4e59f0 Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Wed, 28 Feb 2024 09:35:46 +0800
Subject: [PATCH 3/9] chore: rename

---
 src/pages/game/_utils/useEvmSBT.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/game/_utils/useEvmSBT.ts b/src/pages/game/_utils/useEvmSBT.ts
index 6cb3fa7..fa7ef61 100644
--- a/src/pages/game/_utils/useEvmSBT.ts
+++ b/src/pages/game/_utils/useEvmSBT.ts
@@ -15,7 +15,7 @@ export default function useEvmSbt() {
     return writeContractAsync({
       address: ContractAddress,
       abi: SBTABI,
-      functionName: "verifyECDSASignature",
+      functionName: "claimToken",
       chainId: Chain?.id,
       args: [address],
     });
@@ -27,7 +27,7 @@ export default function useEvmSbt() {
   } = useReadContract({
     address: ContractAddress,
     abi: SBTABI,
-    functionName: "checkUserAchievement",
+    functionName: "checkTokenID",
     args: [address],
     query: {
       enabled: network !== "solana",

From e33b8911e497b94aa9fc5746fe21b8ac353ebaf2 Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Thu, 29 Feb 2024 13:35:02 +0800
Subject: [PATCH 4/9] docs: update desc

---
 src/pages/game/_components/Description.tsx | 46 +++++++++++++++++++---
 1 file changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/pages/game/_components/Description.tsx b/src/pages/game/_components/Description.tsx
index 7cec4df..9df811f 100644
--- a/src/pages/game/_components/Description.tsx
+++ b/src/pages/game/_components/Description.tsx
@@ -1,14 +1,14 @@
 /* eslint-disable react/no-unescaped-entities */
 export const Description = () => {
   return (
-    <div className="fixed right-4 bottom-4 ">
-      <div className="collapse bg-base-200 shadow-lg">
+    <div className="flex flex-col right-4 bottom-4 gap-2 fixed">
+      <div className="bg-base-200 shadow-lg collapse">
         <input type="checkbox" className="peer" />
-        <div className="collapse-title bg-primary text-primary-content peer-checked:bg-white peer-checked:text-secondary-content">
-          <h2 className="text-lg font-bold ">How to play?</h2>
+        <div className="bg-primary text-primary-content collapse-title peer-checked:bg-white peer-checked:text-secondary-content">
+          <h2 className="font-bold text-lg ">How to play?</h2>
         </div>
-        <div className="collapse-content bg-primary text-primary-content peer-checked:bg-white peer-checked:text-secondary-content">
-          <div className=" p-4 border-t border-base-300 w-[280px] text-sm">
+        <div className="bg-primary text-primary-content collapse-content peer-checked:bg-white peer-checked:text-secondary-content">
+          <div className=" border-t border-base-300 text-sm p-2 w-[240px]">
             <p className="mb-2">
               1. Control your character with W A S D or ⬆️ ⬇️ ⬅️ ➡️
             </p>
@@ -22,6 +22,40 @@ export const Description = () => {
           </div>
         </div>
       </div>
+
+      <div className="bg-base-200 shadow-lg collapse">
+        <input type="checkbox" className="peer" />
+        <div className="bg-primary text-primary-content collapse-title peer-checked:bg-white peer-checked:text-secondary-content">
+          <h2 className="font-bold text-lg ">How it works?</h2>
+        </div>
+        <div className="bg-primary text-primary-content collapse-content peer-checked:bg-white peer-checked:text-secondary-content">
+          <div className=" border-t border-base-300 text-sm p-2 w-[240px]">
+            <p className="mb-2">
+              By walking in the maze, you generate a zk-STARK proof locally in
+              your browser. This proves you have found the exit without
+              disclosing the path you chose. The proof is sent to our ICP
+              canister for verification. The verification result is signed by
+              the canister using threshold ECDSA, which is then sent to e.g. EVM
+              and Solana chains for future operation.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div className="bg-base-200 shadow-lg collapse">
+        <input type="checkbox" className="peer" />
+        <div className="bg-primary text-primary-content collapse-title peer-checked:bg-white peer-checked:text-secondary-content">
+          <h2 className="font-bold text-lg ">Acknowledgement</h2>
+        </div>
+        <div className="bg-primary text-primary-content collapse-content peer-checked:bg-white peer-checked:text-secondary-content">
+          <div className=" border-t border-base-300 text-sm p-2 w-[240px]">
+            <p className="mb-2">
+              We use Polygon Miden as our proof system in this game. Big thanks
+              to the Polygon team!
+            </p>
+          </div>
+        </div>
+      </div>
     </div>
   );
 };

From 9001cd3273276844bf4ffb6a1b6d122bb91a1bfd Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Thu, 29 Feb 2024 15:05:13 +0800
Subject: [PATCH 5/9] feat: mint sbt

---
 src/constants/chain.ts                  |  21 +-
 src/constants/contract.ts               | 263 +++++++++++++++++++++---
 src/pages/game/_components/GameOver.tsx |  59 ++++--
 src/pages/game/_utils/helper.ts         |  12 +-
 src/pages/game/_utils/index.ts          |   1 +
 src/pages/game/_utils/useEvmSBT.ts      |  20 +-
 6 files changed, 328 insertions(+), 48 deletions(-)

diff --git a/src/constants/chain.ts b/src/constants/chain.ts
index 50cdc88..3949b7e 100644
--- a/src/constants/chain.ts
+++ b/src/constants/chain.ts
@@ -47,9 +47,24 @@ export const ContractAddressMap: Record<number, `0x${string}`> = {
 };
 
 export const SBTAddressMap: Record<number, `0x${string}`> = {
-  421614: "0xce68617D6575EDe95aF1eAaC7489b06F3b107D9f", //arbitrumSepolia
-  11155420: "0x0483e88cd38cccb71c9c1020faf830d905542d09", //optimismSepolia
-  84532: "0x0483e88cd38cccb71c9c1020faf830d905542d09", //baseSepolia
+  421614: "0x6889695c0A6272410Af24766bbf3980F2466a1dc", //arbitrumSepolia
+  11155420: "0x2e842f6e3fbf093981938f4e24892185bbdad727", //optimismSepolia
+  84532: "0x078f00401536a55E973d4a2Cf26a9B1f98544d52", //baseSepolia
+};
+
+export const SBTBrowserMap: Record<
+  number,
+  (id?: number, hash?: string) => string
+> = {
+  421614: function (id?: number) {
+    return `https://testnets.opensea.io/zh-CN/assets/arbitrum-sepolia/0x6889695c0a6272410af24766bbf3980f2466a1dc/${id}`;
+  },
+  11155420: function (id?: number, hash?: string) {
+    return `https://optimism-sepolia.blockscout.com/token/${hash}`;
+  },
+  84532: function (id?: number) {
+    return `https://testnets.opensea.io/zh-CN/assets/base-sepolia/0x078f00401536a55e973d4a2cf26a9b1f98544d52/${id}`;
+  },
 };
 
 export const FaucetMap: Record<number, Record<string, string>[]> = {
diff --git a/src/constants/contract.ts b/src/constants/contract.ts
index 1486fe9..057fdc1 100644
--- a/src/constants/contract.ts
+++ b/src/constants/contract.ts
@@ -201,6 +201,75 @@ export const ABI = [
 ];
 
 export const SBTABI = [
+  { inputs: [], stateMutability: "nonpayable", type: "constructor" },
+  { inputs: [], name: "AlreadyMint", type: "error" },
+  { inputs: [], name: "NotShortGenius", type: "error" },
+  { inputs: [], name: "Soulbound", type: "error" },
+  { inputs: [], name: "TokenNotExist", type: "error" },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "owner",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "approved",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "Approval",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "owner",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "address",
+        name: "operator",
+        type: "address",
+      },
+      { indexed: false, internalType: "bool", name: "approved", type: "bool" },
+    ],
+    name: "ApprovalForAll",
+    type: "event",
+  },
+  {
+    anonymous: false,
+    inputs: [
+      {
+        indexed: true,
+        internalType: "address",
+        name: "recipent",
+        type: "address",
+      },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "tokenID",
+        type: "uint256",
+      },
+    ],
+    name: "MintSuccess",
+    type: "event",
+  },
   {
     anonymous: false,
     inputs: [
@@ -220,23 +289,87 @@ export const SBTABI = [
     name: "OwnershipTransferred",
     type: "event",
   },
+  {
+    anonymous: false,
+    inputs: [
+      { indexed: true, internalType: "address", name: "from", type: "address" },
+      { indexed: true, internalType: "address", name: "to", type: "address" },
+      {
+        indexed: true,
+        internalType: "uint256",
+        name: "tokenId",
+        type: "uint256",
+      },
+    ],
+    name: "Transfer",
+    type: "event",
+  },
+  {
+    inputs: [
+      { internalType: "address", name: "to", type: "address" },
+      { internalType: "uint256", name: "tokenId", type: "uint256" },
+    ],
+    name: "approve",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "address", name: "owner", type: "address" }],
+    name: "balanceOf",
+    outputs: [{ internalType: "uint256", name: "", type: "uint256" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "address", name: "userAddr", type: "address" }],
+    name: "checkTokenID",
+    outputs: [{ internalType: "uint256", name: "", type: "uint256" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "uint256", name: "id", type: "uint256" }],
+    name: "checkTokenValid",
+    outputs: [{ internalType: "bool", name: "", type: "bool" }],
+    stateMutability: "view",
+    type: "function",
+  },
   {
     inputs: [],
-    name: "canisterAddress",
+    name: "contractURI",
+    outputs: [{ internalType: "string", name: "", type: "string" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "uint256", name: "tokenId", type: "uint256" }],
+    name: "getApproved",
     outputs: [{ internalType: "address", name: "", type: "address" }],
     stateMutability: "view",
     type: "function",
   },
   {
-    inputs: [{ internalType: "address", name: "userAddr", type: "address" }],
-    name: "checkUserAchievement",
-    outputs: [
-      {
-        internalType: "enum zkMazeVerify.Achievement",
-        name: "",
-        type: "uint8",
-      },
+    inputs: [
+      { internalType: "address", name: "owner", type: "address" },
+      { internalType: "address", name: "operator", type: "address" },
     ],
+    name: "isApprovedForAll",
+    outputs: [{ internalType: "bool", name: "", type: "bool" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "address", name: "userAddr", type: "address" }],
+    name: "mint",
+    outputs: [],
+    stateMutability: "payable",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "name",
+    outputs: [{ internalType: "string", name: "", type: "string" }],
     stateMutability: "view",
     type: "function",
   },
@@ -247,6 +380,13 @@ export const SBTABI = [
     stateMutability: "view",
     type: "function",
   },
+  {
+    inputs: [{ internalType: "uint256", name: "tokenId", type: "uint256" }],
+    name: "ownerOf",
+    outputs: [{ internalType: "address", name: "", type: "address" }],
+    stateMutability: "view",
+    type: "function",
+  },
   {
     inputs: [],
     name: "renounceOwnership",
@@ -255,15 +395,90 @@ export const SBTABI = [
     type: "function",
   },
   {
-    inputs: [{ internalType: "address", name: "addr", type: "address" }],
-    name: "setCanisterAddress",
+    inputs: [
+      { internalType: "address", name: "from", type: "address" },
+      { internalType: "address", name: "to", type: "address" },
+      { internalType: "uint256", name: "tokenId", type: "uint256" },
+    ],
+    name: "safeTransferFrom",
     outputs: [],
     stateMutability: "nonpayable",
     type: "function",
   },
   {
-    inputs: [{ internalType: "string", name: "programHash", type: "string" }],
-    name: "setProgramHash",
+    inputs: [
+      { internalType: "address", name: "from", type: "address" },
+      { internalType: "address", name: "to", type: "address" },
+      { internalType: "uint256", name: "tokenId", type: "uint256" },
+      { internalType: "bytes", name: "data", type: "bytes" },
+    ],
+    name: "safeTransferFrom",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [
+      { internalType: "address", name: "operator", type: "address" },
+      { internalType: "bool", name: "_approved", type: "bool" },
+    ],
+    name: "setApprovalForAll",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "bytes4", name: "interfaceId", type: "bytes4" }],
+    name: "supportsInterface",
+    outputs: [{ internalType: "bool", name: "", type: "bool" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "symbol",
+    outputs: [{ internalType: "string", name: "", type: "string" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "uint256", name: "index", type: "uint256" }],
+    name: "tokenByIndex",
+    outputs: [{ internalType: "uint256", name: "", type: "uint256" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      { internalType: "address", name: "owner", type: "address" },
+      { internalType: "uint256", name: "index", type: "uint256" },
+    ],
+    name: "tokenOfOwnerByIndex",
+    outputs: [{ internalType: "uint256", name: "", type: "uint256" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [{ internalType: "uint256", name: "id", type: "uint256" }],
+    name: "tokenURI",
+    outputs: [{ internalType: "string", name: "", type: "string" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [],
+    name: "totalSupply",
+    outputs: [{ internalType: "uint256", name: "", type: "uint256" }],
+    stateMutability: "view",
+    type: "function",
+  },
+  {
+    inputs: [
+      { internalType: "address", name: "from", type: "address" },
+      { internalType: "address", name: "to", type: "address" },
+      { internalType: "uint256", name: "tokenId", type: "uint256" },
+    ],
+    name: "transferFrom",
     outputs: [],
     stateMutability: "nonpayable",
     type: "function",
@@ -275,21 +490,19 @@ export const SBTABI = [
     stateMutability: "nonpayable",
     type: "function",
   },
+  {
+    inputs: [{ internalType: "string", name: "sbtLink", type: "string" }],
+    name: "updateSBTFigure",
+    outputs: [],
+    stateMutability: "nonpayable",
+    type: "function",
+  },
   {
     inputs: [
-      { internalType: "bytes", name: "signature", type: "bytes" },
-      { internalType: "string", name: "programhash", type: "string" },
-      { internalType: "string", name: "publicinput", type: "string" },
-      { internalType: "string[]", name: "output", type: "string[]" },
-    ],
-    name: "verifyECDSASignature",
-    outputs: [
-      {
-        internalType: "enum zkMazeVerify.Achievement",
-        name: "acheiventment",
-        type: "uint8",
-      },
+      { internalType: "address", name: "zkMazeContract", type: "address" },
     ],
+    name: "updatezkMazeContract",
+    outputs: [],
     stateMutability: "nonpayable",
     type: "function",
   },
diff --git a/src/pages/game/_components/GameOver.tsx b/src/pages/game/_components/GameOver.tsx
index 20da046..25b98a2 100644
--- a/src/pages/game/_components/GameOver.tsx
+++ b/src/pages/game/_components/GameOver.tsx
@@ -9,7 +9,7 @@ import {
 } from "wagmi";
 import { useState, useEffect, useRef } from "react";
 import FileSaver from "file-saver";
-import { generatePublicInput, gameState } from "../_utils";
+import { generatePublicInput, gameState, useEvmSbt } from "../_utils";
 import {
   PROGRAM_STRING,
   ABI,
@@ -18,7 +18,11 @@ import {
   idlFactory,
   FaucetMap,
 } from "@/constants";
-import { useCurrentChain, useEVMContractAddress } from "../_utils";
+import {
+  useCurrentChain,
+  useEVMContractAddress,
+  useEVMSBTBrowser,
+} from "../_utils";
 import * as myWorker from "../_utils/zkpWorker.ts";
 import { useWriteContract } from "wagmi";
 import { useStateStore } from "@/store";
@@ -106,6 +110,19 @@ export const GameOver = ({
     useSolana();
   const [solanaContractSuccess, setSolanaContractSuccess] = useState(false);
 
+  // SBT
+  const [mintHash, setMintHash] = useState<string | undefined>();
+  const { hasSBT, mint, mintLoading, refetchSBT } = useEvmSbt();
+  const SBTBrowser = useEVMSBTBrowser(Number(hasSBT), mintHash);
+  const mintSBTResult = useWaitForTransactionReceipt({
+    hash: mintHash as `0x${string}`,
+  });
+
+  useEffect(() => {
+    console.log("refetchSBT", hasSBT);
+    void refetchSBT();
+  }, [mintSBTResult, mintHash, refetchSBT, hasSBT]);
+
   useEffect(() => {
     if (network !== "solana" && contractResult?.status === "success") {
       console.log("onRefresh contractResult", contractResult);
@@ -516,6 +533,10 @@ export const GameOver = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [step]);
 
+  useEffect(() => {
+    console.log("hasSBT=", hasSBT);
+  }, [hasSBT]);
+
   return (
     <div className="flex flex-col h-full text-white w-full p-4 top-0 left-0 absolute justify-center items-center">
       <div className="bg-base-100 text-base-content min-h-20 mockup-code">
@@ -585,17 +606,29 @@ export const GameOver = ({
               [Browse Transaction]
             </button>
           )}
-          {SettlementOver && gameResult === 1 && (
-            <button
-              className="rounded-none text-success btn btn-xs btn-ghost"
-              onClick={() => {
-                setErrorMsg(undefined);
-                onExit();
-              }}
-            >
-              [<SBTIcon /> Mint SBT]
-            </button>
-          )}
+          {SettlementOver &&
+            gameResult === 1 &&
+            (hasSBT ? (
+              <button
+                className="rounded-none text-success btn btn-xs btn-ghost"
+                onClick={() => SBTBrowser && window.open(SBTBrowser)}
+              >
+                [My SBT]
+              </button>
+            ) : (
+              <button
+                className="rounded-none text-success btn btn-xs btn-ghost"
+                disabled={mintLoading}
+                onClick={() => {
+                  void mint().then((hash) => {
+                    console.log("mint", hash);
+                    setMintHash(hash);
+                  });
+                }}
+              >
+                [<SBTIcon /> {mintLoading ? "Minting" : "Mint SBT"}]
+              </button>
+            ))}
           {(SettlementOver || errorMsg) && (
             <button
               className="rounded-none text-error btn btn-xs btn-ghost"
diff --git a/src/pages/game/_utils/helper.ts b/src/pages/game/_utils/helper.ts
index 7088d98..79e153a 100644
--- a/src/pages/game/_utils/helper.ts
+++ b/src/pages/game/_utils/helper.ts
@@ -2,7 +2,7 @@ import { CellSize, TextureType, Step, animationSpeed } from "./config";
 import { Sprite, AnimatedSprite, Container } from "pixi.js";
 import { chains } from "@/hooks/ctx/Wagmi";
 import { useWeb3ModalState } from "@web3modal/wagmi/react";
-import { ContractAddressMap, SBTAddressMap } from "@/constants";
+import { ContractAddressMap, SBTAddressMap, SBTBrowserMap } from "@/constants";
 
 export const supportChain = chains;
 
@@ -35,6 +35,16 @@ export const useEVMSBTAddress = () => {
   return SBTAddressMap[selectedNetworkId as unknown as number];
 };
 
+export const useEVMSBTBrowser = (id?: number, hash?: string) => {
+  const { selectedNetworkId } = useWeb3ModalState();
+  if (!id && !hash) {
+    return null;
+  }
+  return SBTBrowserMap[selectedNetworkId as unknown as number]
+    ? SBTBrowserMap[selectedNetworkId as unknown as number](id, hash)
+    : null;
+};
+
 // 检测坐标系中的点是否越界
 export function isOutOfBound(Map: TextureType[][], point: Step) {
   const { x, y } = point;
diff --git a/src/pages/game/_utils/index.ts b/src/pages/game/_utils/index.ts
index 3016964..efa9ed8 100644
--- a/src/pages/game/_utils/index.ts
+++ b/src/pages/game/_utils/index.ts
@@ -1,3 +1,4 @@
 export * from "./helper";
 export * from "./config";
 export * from "./gameState";
+export * from "./useEvmSbt";
diff --git a/src/pages/game/_utils/useEvmSBT.ts b/src/pages/game/_utils/useEvmSBT.ts
index fa7ef61..1b5d187 100644
--- a/src/pages/game/_utils/useEvmSBT.ts
+++ b/src/pages/game/_utils/useEvmSBT.ts
@@ -1,9 +1,11 @@
 import { useWriteContract, useReadContract, useAccount } from "wagmi";
 
-import { useEVMSBTAddress, useCurrentChain } from "../_utils";
+import { useEVMSBTAddress, useCurrentChain } from ".";
 import { useStateStore } from "@/store";
 import { SBTABI } from "@/constants";
-export default function useEvmSbt() {
+
+import { useState } from "react";
+export function useEvmSbt() {
   const Chain = useCurrentChain();
   const ContractAddress = useEVMSBTAddress();
   const { network } = useStateStore();
@@ -11,18 +13,22 @@ export default function useEvmSbt() {
   const { writeContractAsync } = useWriteContract();
   const { address } = useAccount();
 
-  const write = () => {
+  const [mintLoading, setClaimLoading] = useState(false);
+
+  const mint = () => {
+    setClaimLoading(true);
     return writeContractAsync({
       address: ContractAddress,
       abi: SBTABI,
-      functionName: "claimToken",
+      functionName: "mint",
       chainId: Chain?.id,
       args: [address],
-    });
+    }).finally(() => setClaimLoading(false));
   };
 
   const {
     data: hasSBT,
+    refetch: refetchSBT,
     // isPending: isContractLoading,
   } = useReadContract({
     address: ContractAddress,
@@ -36,6 +42,8 @@ export default function useEvmSbt() {
 
   return {
     hasSBT,
-    write,
+    refetchSBT,
+    mint,
+    mintLoading,
   };
 }

From 4f82156e0038563a22851380e3d5fef6c161b3a1 Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Thu, 29 Feb 2024 15:23:42 +0800
Subject: [PATCH 6/9] fix: lint

---
 src/pages/game/_components/NetworkSwitch.tsx | 2 +-
 src/pages/game/_utils/useSolana.ts           | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/game/_components/NetworkSwitch.tsx b/src/pages/game/_components/NetworkSwitch.tsx
index 7771f2c..287f125 100644
--- a/src/pages/game/_components/NetworkSwitch.tsx
+++ b/src/pages/game/_components/NetworkSwitch.tsx
@@ -10,7 +10,7 @@ export const NetworkSwitch = () => {
       {chain?.name ? (
         <div
           className=" rounded-box cursor-pointer flex font-semibold bg-[#d9eafe] h-[30px] text-sm px-4 text-[#4296fc] z-50 relative items-center hover:opacity-80"
-          onClick={() => open({ view: "Networks" })}
+          onClick={() => void open({ view: "Networks" })}
         >
           <svg
             fill="currentColor"
diff --git a/src/pages/game/_utils/useSolana.ts b/src/pages/game/_utils/useSolana.ts
index a2412b6..22fe21d 100644
--- a/src/pages/game/_utils/useSolana.ts
+++ b/src/pages/game/_utils/useSolana.ts
@@ -10,6 +10,7 @@ export default function useSolana() {
   );
   const { network } = useStateStore();
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const PROGRAM_ID = new PublicKey(
     "EfMghMxfMJUBh51G3u4JJGB2v1wFCHYCsBFo8Lz8QhJW"
   );
@@ -23,7 +24,7 @@ export default function useSolana() {
         }
       );
     }
-  }, [publicKey]);
+  }, [PROGRAM_ID, publicKey]);
 
   const [isPending, setIsPending] = useState(false);
   const [isSuccess, setSuccess] = useState(false);
@@ -62,11 +63,11 @@ export default function useSolana() {
       setSuccess(false);
       console.warn("No verifying account");
     }
-  }, [verifyingAccount]);
+  }, [connection, isPending, network, verifyingAccount]);
 
   useEffect(() => {
     verifyingAccount && connection && refetch();
-  }, [connection, verifyingAccount]);
+  }, [connection, refetch, verifyingAccount]);
 
   return {
     publicKey,

From 7eed655d69793ea611459953ebe29d7eb25df7f7 Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Thu, 29 Feb 2024 15:29:01 +0800
Subject: [PATCH 7/9] fix: lint

---
 src/constants/chain.ts                  | 2 +-
 src/pages/game/_components/GameOver.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/constants/chain.ts b/src/constants/chain.ts
index 3949b7e..17d3e90 100644
--- a/src/constants/chain.ts
+++ b/src/constants/chain.ts
@@ -59,7 +59,7 @@ export const SBTBrowserMap: Record<
   421614: function (id?: number) {
     return `https://testnets.opensea.io/zh-CN/assets/arbitrum-sepolia/0x6889695c0a6272410af24766bbf3980f2466a1dc/${id}`;
   },
-  11155420: function (id?: number, hash?: string) {
+  11155420: function (_id?: number, hash?: string) {
     return `https://optimism-sepolia.blockscout.com/token/${hash}`;
   },
   84532: function (id?: number) {
diff --git a/src/pages/game/_components/GameOver.tsx b/src/pages/game/_components/GameOver.tsx
index 25b98a2..332b5c4 100644
--- a/src/pages/game/_components/GameOver.tsx
+++ b/src/pages/game/_components/GameOver.tsx
@@ -113,6 +113,7 @@ export const GameOver = ({
   // SBT
   const [mintHash, setMintHash] = useState<string | undefined>();
   const { hasSBT, mint, mintLoading, refetchSBT } = useEvmSbt();
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-call
   const SBTBrowser = useEVMSBTBrowser(Number(hasSBT), mintHash);
   const mintSBTResult = useWaitForTransactionReceipt({
     hash: mintHash as `0x${string}`,

From 82fae9e007ab107efe8ebbb3bcae674abf5389aa Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Thu, 29 Feb 2024 15:32:47 +0800
Subject: [PATCH 8/9] fix: lint

---
 src/pages/game/_components/GameOver.tsx | 3 ++-
 src/pages/game/_utils/index.ts          | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/game/_components/GameOver.tsx b/src/pages/game/_components/GameOver.tsx
index 332b5c4..c20888e 100644
--- a/src/pages/game/_components/GameOver.tsx
+++ b/src/pages/game/_components/GameOver.tsx
@@ -621,7 +621,8 @@ export const GameOver = ({
                 className="rounded-none text-success btn btn-xs btn-ghost"
                 disabled={mintLoading}
                 onClick={() => {
-                  void mint().then((hash) => {
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  void mint().then((hash: any) => {
                     console.log("mint", hash);
                     setMintHash(hash);
                   });
diff --git a/src/pages/game/_utils/index.ts b/src/pages/game/_utils/index.ts
index efa9ed8..2f8dc2f 100644
--- a/src/pages/game/_utils/index.ts
+++ b/src/pages/game/_utils/index.ts
@@ -1,4 +1,4 @@
 export * from "./helper";
 export * from "./config";
 export * from "./gameState";
-export * from "./useEvmSbt";
+export * from "./useEvmSBT";

From 0ae8787df556389f77d953158d5910906b9b88ba Mon Sep 17 00:00:00 2001
From: refined-x <tower1229@foxmail.com>
Date: Thu, 29 Feb 2024 15:46:58 +0800
Subject: [PATCH 9/9] fix: fit solana

---
 src/pages/game/_components/GameOver.tsx      | 8 +++++---
 src/pages/game/_components/Header.tsx        | 9 +++++----
 src/pages/game/_components/NetworkSwitch.tsx | 2 +-
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/pages/game/_components/GameOver.tsx b/src/pages/game/_components/GameOver.tsx
index c20888e..25ecc56 100644
--- a/src/pages/game/_components/GameOver.tsx
+++ b/src/pages/game/_components/GameOver.tsx
@@ -120,9 +120,11 @@ export const GameOver = ({
   });
 
   useEffect(() => {
-    console.log("refetchSBT", hasSBT);
-    void refetchSBT();
-  }, [mintSBTResult, mintHash, refetchSBT, hasSBT]);
+    if (network !== "solana") {
+      console.log("refetchSBT", hasSBT);
+      void refetchSBT();
+    }
+  }, [mintSBTResult, mintHash, refetchSBT, hasSBT, network]);
 
   useEffect(() => {
     if (network !== "solana" && contractResult?.status === "success") {
diff --git a/src/pages/game/_components/Header.tsx b/src/pages/game/_components/Header.tsx
index f86e615..dff1eb4 100644
--- a/src/pages/game/_components/Header.tsx
+++ b/src/pages/game/_components/Header.tsx
@@ -62,7 +62,6 @@ const Header = forwardRef((_props, ref) => {
     }
   }, [network, Chain]);
 
-  console.log("EVM ContractAddress=", ContractAddress);
   const {
     data: contractData,
     // isPending: isContractLoading,
@@ -91,7 +90,7 @@ const Header = forwardRef((_props, ref) => {
 
   const {
     data: solanaData,
-    // isPending: isSolanaLoading,
+    isPending: isSolanaLoading,
     isSuccess: isSolanaSuccess,
     refetch: fetchSolana,
   } = useSolana();
@@ -115,12 +114,14 @@ const Header = forwardRef((_props, ref) => {
           if (network !== "solana") {
             void refetchContract?.();
           } else {
-            fetchSolana?.();
+            if (!isSolanaLoading) {
+              void fetchSolana?.();
+            }
           }
         },
       };
     },
-    [network, refetchContract, fetchSolana]
+    [network, refetchContract, isSolanaLoading, fetchSolana]
   );
 
   const data = network !== "solana" ? contractData : solanaData;
diff --git a/src/pages/game/_components/NetworkSwitch.tsx b/src/pages/game/_components/NetworkSwitch.tsx
index 287f125..f6f295a 100644
--- a/src/pages/game/_components/NetworkSwitch.tsx
+++ b/src/pages/game/_components/NetworkSwitch.tsx
@@ -4,7 +4,7 @@ import { useCurrentChain } from "../_utils";
 export const NetworkSwitch = () => {
   const { open } = useWeb3Modal();
   const chain = useCurrentChain();
-  console.log(chain);
+
   return (
     <>
       {chain?.name ? (