Fix tx links

gevulotnetwork · Jun 3, 2024 · 37cf740 · 37cf740
1 parent 601992e
commit 37cf740
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 14 deletions.
diff --git a/api/assets/style.css b/api/assets/style.css
@@ -58,6 +58,10 @@
   font-family: Inter;
 }
 
+a {
+  all: unset;
+}
+
 body {
   text-transform: uppercase;
   margin: 0;
@@ -1030,6 +1034,10 @@ body.dark .tx-id-block-copy svg path {
     min-width: 0px;
   }
 
+  .tr>.end {
+    display: none;
+  }
+
   .tx-id-block-value {
     margin-bottom: 10px;
   }

diff --git a/api/templates/index.templ b/api/templates/index.templ
@@ -99,8 +99,8 @@ templ Table(events []model.Event, query url.Values) {
 }
 
 templ Row(e model.Event) {
-	<div id={ e.TxID } class="tr" hx-get={ "/tx/" + e.TxID } hx-trigger="click" sse-swap={ e.TxID } hx-swap="outerHTML">
-		<div class="left">
+	<div id={ e.TxID } class="tr" sse-swap={ e.TxID } hx-swap="outerHTML">
+		<a class="left" { txLinkAttrs(e.TxID)... }>
 			<div class="td">
 				<div class="mobile-label">State</div>
 				<div>
@@ -111,8 +111,8 @@ templ Row(e model.Event) {
 				<div class="mobile-label">Transaction ID</div>
 				<div>{ e.TxID }</div>
 			</div>
-		</div>
-		<div class="right">
+		</a>
+		<a class="right" { txLinkAttrs(e.TxID)... }>
 			<div class="td">
 				<div class="mobile-label">Prover ID</div>
 				<div>
@@ -128,10 +128,10 @@ templ Row(e model.Event) {
 					<span class="datetime">{ e.Timestamp.Format("03:04 PM, 02/01/06") }</span>
 				</div>
 			</div>
-		</div>
-		<div class="end">
+		</a>
+		<a class="end" { txLinkAttrs(e.TxID)... }>
 			<span class="arrow">→</span>
-		</div>
+		</a>
 	</div>
 }
 
@@ -332,3 +332,13 @@ func formatDuration(d time.Duration) string {
 	second := int(d.Seconds()) % 60
 	return fmt.Sprintf("%02dH:%02dM:%02dS", hour, minute, second)
 }
+
+func txLinkAttrs(txID string) templ.Attributes {
+	return templ.Attributes{
+		"href":       "/tx/" + txID,
+		"hx-trigger": "click",
+		"hx-get":     "/tx/" + txID,
+		"hx-swap":    "outerHTML",
+		"hx-target":  "#table",
+	}
+}
diff --git a/api/templates/index_templ.go b/api/templates/index_templ.go