From ce724e91bb7d08325431fb069af1e3db720646d3 Mon Sep 17 00:00:00 2001
From: Vincent Fretin <vincent.fretin@gmail.com>
Date: Fri, 4 Oct 2024 16:26:40 +0200
Subject: [PATCH] Fix wrong style width value in solid tutorial (#29688)

* Fix wrong style width value in solid tutorial

* update the line also in the code

* sync with the doc
---
 .../content/guides/getting-started/tutorials/with-solidjs.mdx   | 2 +-
 examples/user-management/solid-user-management/src/Auth.tsx     | 2 +-
 examples/user-management/solid-user-management/src/Avatar.tsx   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/docs/content/guides/getting-started/tutorials/with-solidjs.mdx b/apps/docs/content/guides/getting-started/tutorials/with-solidjs.mdx
index 92544c54791..a4f1a76f1f5 100644
--- a/apps/docs/content/guides/getting-started/tutorials/with-solidjs.mdx
+++ b/apps/docs/content/guides/getting-started/tutorials/with-solidjs.mdx
@@ -354,7 +354,7 @@ const Avatar: Component<Props> = (props) => {
   }
 
   return (
-    <div style={{ width: props.size }} aria-live="polite">
+    <div style={{ width: `${props.size}px` }} aria-live="polite">
       {avatarUrl() ? (
         <img
           src={avatarUrl()!}
diff --git a/examples/user-management/solid-user-management/src/Auth.tsx b/examples/user-management/solid-user-management/src/Auth.tsx
index afa759fca17..744cb39de6c 100644
--- a/examples/user-management/solid-user-management/src/Auth.tsx
+++ b/examples/user-management/solid-user-management/src/Auth.tsx
@@ -12,7 +12,7 @@ const Auth: Component = () => {
 			setLoading(true)
 			const { error } = await supabase.auth.signInWithOtp({ email: email() })
 			if (error) throw error
-			alert('Check your email for login link!')
+			alert('Check your email for the login link!')
 		} catch (error) {
 			if (error instanceof Error) {
 				alert(error.message)
diff --git a/examples/user-management/solid-user-management/src/Avatar.tsx b/examples/user-management/solid-user-management/src/Avatar.tsx
index 6683ab13363..e25cf34d184 100644
--- a/examples/user-management/solid-user-management/src/Avatar.tsx
+++ b/examples/user-management/solid-user-management/src/Avatar.tsx
@@ -61,7 +61,7 @@ const Avatar: Component<Props> = (props) => {
 	}
 
 	return (
-		<div style={{ width: props.size }} aria-live="polite">
+		<div style={{ width: `${props.size}px` }} aria-live="polite">
 			{avatarUrl() ? (
 				<img
 					src={avatarUrl()!}