From 4cab32d8ca4f17e545ccd9e091f4a73a13287fb7 Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Fri, 7 Jun 2024 10:21:43 -0500
Subject: [PATCH] default false diagnostics, style the welcome

---
 public/i18n/en.json       |  2 +-
 src/routes/setup/Root.tsx | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/public/i18n/en.json b/public/i18n/en.json
index d638fe3a..bc83fd37 100644
--- a/public/i18n/en.json
+++ b/public/i18n/en.json
@@ -313,7 +313,7 @@
         "zaps_to_hodl_enable": "Enable hodl zaps",
         "zaps_to_hodl_disable": "Disable hodl zaps",
         "enable_report_diagnostics": "Enable diagnostic reporting?",
-        "report_diagnostics_desc": "Automatically report critical errors to the developers. All transaction data or other personal information is scrubed and anonymized.",
+        "report_diagnostics_desc": "Automatically report critical errors to the developers. All transaction data or other personal information is scrubbed and anonymized.",
         "report_diagnostics_enable": "Enable diagnostics",
         "report_diagnostics_disable": "Disable diagnostics"
       }
diff --git a/src/routes/setup/Root.tsx b/src/routes/setup/Root.tsx
index e8becf94..660d7f84 100644
--- a/src/routes/setup/Root.tsx
+++ b/src/routes/setup/Root.tsx
@@ -12,7 +12,7 @@ export function Setup() {
 
     const [isCreatingNewWallet, setIsCreatingNewWallet] = createSignal(false);
     const [isDiagnosticReportingEnabled, setIsDiagnosticReportingEnabled] =
-        createSignal(true);
+        createSignal(false);
     const navigate = useNavigate();
 
     // default is to set reporting
@@ -83,9 +83,12 @@ export function Setup() {
                     </Button>
                 </div>
                 <div class="flex-1" />
-                <p class="max-w-[15rem] text-center text-xs font-light text-m-grey-400">
+                <div class="flex max-w-[20rem] items-center justify-center gap-2 ">
                     <input
                         type="checkbox"
+                        name="report_diagnostics"
+                        id="report_diagnostics"
+                        class="mr-2"
                         checked={isDiagnosticReportingEnabled()}
                         onChange={() =>
                             setIsDiagnosticReportingEnabled(
@@ -93,8 +96,13 @@ export function Setup() {
                             )
                         }
                     />
-                    {i18n.t("setup.initial.reporting")}
-                </p>
+                    <label
+                        class="text-left text-xs font-light text-m-grey-400"
+                        for="report_diagnostics"
+                    >
+                        {i18n.t("setup.initial.reporting")}
+                    </label>
+                </div>
             </div>
         </DefaultMain>
     );