modularised webserver and auth systems

internal/view/component/account/changebio.templ

@@ -3,11 +3,11 @@ package account
 import "projectreshoot/pkg/contexts"
 
 templ ChangeBio(err string, bio string) {
+	{{ user := contexts.CurrentUser(ctx) }}
 	{{
-	user := contexts.GetUser(ctx)
-	if bio == "" {
-		bio = user.Bio
-	}
+		if bio == "" {
+			bio = user.Bio
+		}
 	}}
 	<form
 		hx-post="/change-bio"
@@ -16,40 +16,39 @@ templ ChangeBio(err string, bio string) {
 		x-data={ templ.JSFuncCall("bioComponent", bio, user.Bio, err).CallInline }
 	>
 		<script>
-            function bioComponent(newBio, oldBio, err) {
-                return {
-                    bio: newBio,
-                    initialBio: oldBio, 
-                    err: err,
-                    bioLenText: '', 
-                    updateTextArea() {
-                        this.$nextTick(() => {
-                            if (this.$refs.bio) {
-                                this.$refs.bio.style.height = 'auto';
-                                this.$refs.bio.style.height = `
-                                    ${this.$refs.bio.scrollHeight+20}px`;
-                            };
-                            this.bioLenText = `${this.bio.length}/128`;
-                        });
-                    },
-                    resetBio() {
-                        this.bio = this.initialBio;
-                        this.err = "",
-                        this.updateTextArea();
-                    },
-                    init() {
-                        this.$nextTick(() => {
-                            // this timeout makes sure the textarea resizes on 
-                            // page render correctly. seems 20ms is the sweet
-                            // spot between a noticable delay and not working
-                            setTimeout(() => {
-                                this.updateTextArea();
-                            }, 20);
-                        });
-                    }
-                };
-            }
-        </script>
+			function bioComponent(newBio, oldBio, err) {
+				return {
+					bio: newBio,
+					initialBio: oldBio,
+					err: err,
+					bioLenText: "",
+					updateTextArea() {
+						this.$nextTick(() => {
+							if (this.$refs.bio) {
+								this.$refs.bio.style.height = "auto";
+								this.$refs.bio.style.height = `
+                                    ${this.$refs.bio.scrollHeight + 20}px`;
+							}
+							this.bioLenText = `${this.bio.length}/128`;
+						});
+					},
+					resetBio() {
+						this.bio = this.initialBio;
+						((this.err = ""), this.updateTextArea());
+					},
+					init() {
+						this.$nextTick(() => {
+							// this timeout makes sure the textarea resizes on
+							// page render correctly. seems 20ms is the sweet
+							// spot between a noticable delay and not working
+							setTimeout(() => {
+								this.updateTextArea();
+							}, 20);
+						});
+					},
+				};
+			}
+		</script>
 		<div
 			class="flex flex-col"
 		>