Fix missing formatting

server/router/pages/components/invoice.templ

@@ -1,14 +1,14 @@
 package components
 
-import (
-    "fmt"
-)
+import "fmt"
 
 templ Invoice(hash string, bolt11 string, msats int, expiresIn int, paid bool, redirectUrl templ.SafeURL) {
 	<div class="p-5 border border-muted bg-background text-center font-mono">
 		<div id="close" class="flex justify-end"><button class="w-fit text-muted hitbox hover:text-reset">X</button></div>
 		<div>Payment Required</div>
-        <div class="my-1">@Qr(bolt11, "lightning:"+bolt11)</div>
+		<div class="my-1">
+			@Qr(bolt11, "lightning:"+bolt11)
+		</div>
 		<div class="my-1">{ format(msats) }</div>
 		@InvoiceStatus(hash, expiresIn, paid, redirectUrl)
 		<div class="none" id="bolt11-data" bolt11-data={ templ.JSONString(bolt11) } hx-preserve></div>
@@ -34,9 +34,9 @@ templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.Saf
 			hx-swap="outerHTML"
 			hx-select="#content"
 			hx-push-url="true"
-            hx-select-oob="#modal" />
-    }
-    else if expiresIn <= 0 {
+			hx-select-oob="#modal"
+		></div>
+	} else if expiresIn <= 0 {
 		<div class="font-mono neon error my-1">EXPIRED</div>
 	} else {
 		<!-- invoice is pending -->
@@ -71,7 +71,8 @@ templ InvoiceStatus(hash string, expiresIn int, paid bool, redirectUrl templ.Saf
 			hx-trigger="load delay:1s"
 			hx-target="#modal"
 			hx-swap="outerHTML"
-            hx-select="#modal" />
+			hx-select="#modal"
+		></div>
 	}
 }
 

server/router/pages/components/marketForm.templ

@@ -1,9 +1,8 @@
 package components
 
 import (
-    "git.ekzyis.com/ekzyis/delphi.market/types"
-
 	"fmt"
+	"git.ekzyis.com/ekzyis/delphi.market/types"
 	"strconv"
 )
 
@@ -17,10 +16,10 @@ templ MarketForm(m types.Market, outcome int, q types.MarketQuote, uQ int) {
 		hx-swap="outerHTML"
 		hx-select="#modal"
 	>
-        <input type="hidden" name="o" value={ fmt.Sprint(outcome) } />
-        <div class="none col-span-2 htmx-request" />
+		<input type="hidden" name="o" value={ fmt.Sprint(outcome) }/>
+		<div class="none col-span-2 htmx-request"></div>
 		<label for="p">avg price per share:</label>
-        <div id="p">{formatPrice(q.AvgPrice)}</div>
+		<div id="p">{ formatPrice(q.AvgPrice) }</div>
 		<label for="q">how many?</label>
 		<input
 			id={ inputId(outcome) }
@@ -39,24 +38,24 @@ templ MarketForm(m types.Market, outcome int, q types.MarketQuote, uQ int) {
 			hx-indicator={ hxIndicator(outcome) }
 		/>
 		<label for="total">you pay:</label>
-        <div id="total">{formatPrice(q.TotalPrice)}</div>
+		<div id="total">{ formatPrice(q.TotalPrice) }</div>
 		<label for="reward">{ "if you win:" }</label>
-        <div id="reward">+{formatPrice(q.Reward)}</div>
+		<div id="reward">+{ formatPrice(q.Reward) }</div>
 		<label for="uQ">you have:</label>
 		<div id="uQ">{ fmt.Sprint(uQ) }</div>
 		<button type="submit" class="col-span-2">submit</button>
 	</form>
 }
 
-func formId (outcome int) string {
+func formId(outcome int) string {
 	return fmt.Sprintf("outcome-%d-form", outcome)
 }
 
-func inputId (outcome int) string {
+func inputId(outcome int) string {
 	return fmt.Sprintf("outcome-%d-q", outcome)
 }
 
-func hxIndicator (outcome int) string {
+func hxIndicator(outcome int) string {
 	return fmt.Sprintf(
 		"#%s>#p, #%s>#total, #%s>#reward",
 		formId(outcome), formId(outcome), formId(outcome))

server/router/pages/index.templ

@@ -1,10 +1,10 @@
 package pages
 
 import (
+	"fmt"
 	c "git.ekzyis.com/ekzyis/delphi.market/server/router/context"
 	"git.ekzyis.com/ekzyis/delphi.market/server/router/pages/components"
 	"git.ekzyis.com/ekzyis/delphi.market/types"
-	"fmt"
 	"github.com/dustin/go-humanize"
 )
 
@@ -33,7 +33,7 @@ templ Index(markets []types.Market) {
 							for _, m := range markets {
 								<span class="ps-3 border-b border-muted pb-3 mt-3">
 									<a href={ templ.SafeURL(fmt.Sprintf("/market/%d", m.Id)) }>{ m.Question }</a>
-							<div class="text-small text-muted">{m.User.Name} / {humanize.Time(m.CreatedAt)} / {humanize.Time(m.EndDate)}</div>
+									<div class="text-small text-muted">{ m.User.Name } / { humanize.Time(m.CreatedAt) } / { humanize.Time(m.EndDate) }</div>
 								</span>
 								<span class="px-3 border-b border-muted pb-3 mt-3 flex"><div class="self-center">51%</div></span>
 								<span class="pe-3 border-b border-muted pb-3 mt-3 flex"><div class="self-center">0</div></span>

server/router/pages/market.templ

@@ -7,21 +7,21 @@ import (
 )
 
 // TODO: Add countdown? Use or at least show somewhere precise timestamps?
-
 templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int, uQ1 int) {
 	<html>
 		@components.Head()
 		<body
 			x-data="{ outcome: undefined }"
 			class="container"
-			hx-preserve>
+			hx-preserve
+		>
 			@components.Nav()
 			<div id="content" class="flex flex-col">
 				<small>
 					@components.Figlet("random", "market")
 				</small>
 				<div class="text-center font-bold my-1">{ m.Question }</div>
-				<div class="text-center text-muted my-1">{humanize.Time(m.EndDate)}</div>
+				<div class="text-center text-muted my-1">{ humanize.Time(m.EndDate) }</div>
 				<div class="text-center text-muted my-1"></div>
 				<blockquote class="p-4 mb-4 border-s-4 border-muted">
 					if m.Description != "" {
@@ -29,7 +29,7 @@ templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int
 					} else {
 						&lt;empty&gt;
 					}
-					<div class="text-muted text-right pt-4">― {m.User.Name}, { humanize.Time(m.CreatedAt) }</div>
+					<div class="text-muted text-right pt-4">― { m.User.Name }, { humanize.Time(m.CreatedAt) }</div>
 				</blockquote>
 				<div class="flex flex-col justify-center my-1">
 					<div class="flex flex-row justify-center">
@@ -55,11 +55,9 @@ templ Market(m types.Market, q0 types.MarketQuote, q1 types.MarketQuote, uQ0 int
 						@components.MarketForm(m, 0, q0, uQ0)
 					</div>
 				</div>
-				
 			</div>
 			@components.Modal(nil)
 			@components.Footer()
 		</body>
 	</html>
 }
-