stacks/bench-review
fix: revert {{ }} → :text in 6 @include partials (SSR regression from #67)
#68
Merged
glennmichael123
wants to merge
fix/revert-mustache-in-includes
into
main
6 files
+22
-18
resources/components/Bench/Admin/AdminDashboard.stxmodified+2-2Changes to resources/components/Bench/Admin/AdminDashboard.stx | @@ -38,12 +38,12 @@ |
| 38 | 38 | <div class="gap-4 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"> |
| 39 | 39 | <StxLink to="/admin/reviews" class="block p-6 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"> |
| 40 | 40 | <p class="font-medium text-gray-500 text-sm">Pending reviews</p> |
| 41 | | - <p class="mt-2 font-bold text-3xl text-gray-900">{{ pendingCount() }}</p> |
| 41 | + <p class="mt-2 font-bold text-3xl text-gray-900" :text="pendingCount()"></p> |
| 42 | 42 | <p class="mt-2 font-semibold text-gray-600 text-sm">Open moderation queue →</p> |
| 43 | 43 | </StxLink> |
| 44 | 44 | <StxLink to="/admin/users" class="block p-6 bg-white border border-gray-200 rounded-lg hover:shadow-sm transition-shadow"> |
| 45 | 45 | <p class="font-medium text-gray-500 text-sm">Total users</p> |
| 46 | | - <p class="mt-2 font-bold text-3xl text-gray-900">{{ userCount() }}</p> |
| 46 | + <p class="mt-2 font-bold text-3xl text-gray-900" :text="userCount()"></p> |
| 47 | 47 | <p class="mt-2 font-semibold text-gray-600 text-sm">Manage users →</p> |
| 48 | 48 | </StxLink> |
| 49 | 49 | <div class="block p-6 bg-white border border-gray-200 rounded-lg"> |
resources/components/Bench/Admin/AdminShell.stxmodified+1-1Changes to resources/components/Bench/Admin/AdminShell.stx | @@ -107,7 +107,7 @@ |
| 107 | 107 | </nav> |
| 108 | 108 | </div> |
| 109 | 109 | <div class="flex gap-x-4 items-center"> |
| 110 | | - <span class="hidden sm:inline text-gray-600 text-sm">{{ adminName }}</span> |
| 110 | + <span class="hidden sm:inline text-gray-600 text-sm" :text="adminName"></span> |
| 111 | 111 | <StxLink to="/" class="text-gray-500 text-sm hover:text-gray-900">View site</StxLink> |
| 112 | 112 | <button |
| 113 | 113 | type="button" |
resources/components/Bench/PricingSection.stxmodified+3-3Changes to resources/components/Bench/PricingSection.stx | @@ -43,7 +43,7 @@ |
| 43 | 43 | <p class="mt-4 text-gray-600 text-sm/6">Are you a clerk? This is for you.</p> |
| 44 | 44 | <p class="flex gap-x-1 items-baseline mt-6"> |
| 45 | 45 | <span class="font-semibold text-4xl text-gray-800 tracking-tight">$0</span> |
| 46 | | - <span class="font-semibold text-gray-600 text-sm/6">/<span>{{ pricingPeriod() === 'monthly' ? 'month' : 'year' }}</span></span> |
| 46 | + <span class="font-semibold text-gray-600 text-sm/6">/<span x-text="pricingPeriod() === 'monthly' ? 'month' : 'year'"></span></span> |
| 47 | 47 | </p> |
| 48 | 48 | <StxLink to="/register" aria-describedby="tier-free" |
| 49 | 49 | class="block mt-6 px-2.5 py-1.5 font-semibold text-center text-gray-600 text-sm/6 ring-1 ring-gray-200 ring-inset rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-gray-600 focus-visible:outline-offset-2 hover:ring-gray-300">Get |
| @@ -63,8 +63,8 @@ |
| 63 | 63 | <h3 id="tier-hobby" class="font-semibold text-gray-600 text-lg/8">Professional</h3> |
| 64 | 64 | <p class="mt-4 text-gray-600 text-sm/6">For anyone curious about judge reviews.</p> |
| 65 | 65 | <p class="flex gap-x-1 items-baseline mt-6"> |
| 66 | | - <span class="font-semibold text-4xl text-gray-800 tracking-tight">$<span>{{ pricingPeriod() === 'monthly' ? '10' : '60' }}</span></span> |
| 67 | | - <span class="font-semibold text-gray-600 text-sm/6">/<span>{{ pricingPeriod() === 'monthly' ? 'month' : 'year' }}</span></span> |
| 66 | + <span class="font-semibold text-4xl text-gray-800 tracking-tight">$<span x-text="pricingPeriod() === 'monthly' ? '10' : '60'"></span></span> |
| 67 | + <span class="font-semibold text-gray-600 text-sm/6">/<span x-text="pricingPeriod() === 'monthly' ? 'month' : 'year'"></span></span> |
| 68 | 68 | </p> |
| 69 | 69 | <StxLink to="/register" aria-describedby="tier-hobby" |
| 70 | 70 | class="block mt-6 px-2.5 py-1.5 font-semibold text-center text-sm/6 text-white bg-gray-600 hover:bg-gray-500 rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-gray-600 focus-visible:outline-offset-2 shadow-sm">Get |
resources/components/Bench/VerifyEmail.stxmodified+9-5Changes to resources/components/Bench/VerifyEmail.stx | @@ -97,13 +97,15 @@ |
| 97 | 97 | <!-- Error (bad/expired link) --> |
| 98 | 98 | <div x-class="phase() === 'error' ? '' : 'hidden'"> |
| 99 | 99 | <h1 class="font-serif font-bold text-2xl text-gray-900">Verification failed</h1> |
| 100 | | - <p class="mt-2 text-gray-600 text-sm">{{ message() }}</p> |
| 100 | + <p class="mt-2 text-gray-600 text-sm" :text="message()"></p> |
| 101 | 101 | <button |
| 102 | 102 | type="button" |
| 103 | 103 | @click="resend()" |
| 104 | 104 | x-disabled="resending" |
| 105 | | - class="mt-5 inline-flex items-center px-4 py-2 font-semibold text-white text-sm bg-gray-900 hover:bg-gray-800 rounded-md disabled:opacity-50">{{ resending() ? 'Sending…' : 'Resend verification email' }}</button> |
| 106 | | - <p class="mt-3 text-gray-500 text-xs">{{ resendNote() }}</p> |
| 105 | + class="mt-5 inline-flex items-center px-4 py-2 font-semibold text-white text-sm bg-gray-900 hover:bg-gray-800 rounded-md disabled:opacity-50" |
| 106 | + :text="resending() ? 'Sending…' : 'Resend verification email'" |
| 107 | + ></button> |
| 108 | + <p class="mt-3 text-gray-500 text-xs" :text="resendNote()"></p> |
| 107 | 109 | </div> |
| 108 | 110 | |
| 109 | 111 | <!-- Landing (arrived at /verify-email with no token) --> |
| @@ -114,8 +116,10 @@ |
| 114 | 116 | type="button" |
| 115 | 117 | @click="resend()" |
| 116 | 118 | x-disabled="resending" |
| 117 | | - class="mt-5 inline-flex items-center px-4 py-2 font-semibold text-gray-800 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50">{{ resending() ? 'Sending…' : 'Resend verification email' }}</button> |
| 118 | | - <p class="mt-3 text-gray-500 text-xs">{{ resendNote() }}</p> |
| 119 | + class="mt-5 inline-flex items-center px-4 py-2 font-semibold text-gray-800 text-sm bg-white border border-gray-300 rounded-md hover:bg-gray-50 disabled:opacity-50" |
| 120 | + :text="resending() ? 'Sending…' : 'Resend verification email'" |
| 121 | + ></button> |
| 122 | + <p class="mt-3 text-gray-500 text-xs" :text="resendNote()"></p> |
| 119 | 123 | </div> |
| 120 | 124 | </div> |
| 121 | 125 | </div> |