refactor: simplify AuthSummary and auth pages by removing conditional rendering for cart

This commit is contained in:
Santiago Nahuel de la Fuente
2025-11-04 09:15:27 -03:00
parent 11d5a55e05
commit f36e7d22ed
3 changed files with 26 additions and 48 deletions
+10 -12
View File
@@ -70,16 +70,14 @@
</div>
</div>
{#if !hasCart}
<div class="hidden flex-col gap-6 pt-6 pb-0 lg:flex">
<div>
<h2 class="text-secondary text-[56px] leading-tight font-semibold">
{$t("login.page.welcome.title")}
</h2>
<p class="text-content font-light">
{$t("login.page.welcome.subtitle")}
</p>
</div>
<hr class="bg-secondary" />
<div class="hidden flex-col gap-6 pt-6 pb-0 lg:flex">
<div>
<h2 class="text-secondary text-[56px] leading-tight font-semibold">
{$t("login.page.welcome.title")}
</h2>
<p class="text-content font-light">
{$t("login.page.welcome.subtitle")}
</p>
</div>
{/if}
<hr class="bg-secondary" />
</div>
+8 -18
View File
@@ -68,25 +68,15 @@ itemCount.subscribe((count) => {
{hasCart && <Summary client:load />}
<div class="lg:block" id="auth-details">
{hasCart && <Steps step={2} client:load />}
<div class="flex flex-col px-0 pb-0 lg:px-6 lg:pt-0 lg:pb-0">
{
hasCart && (
<p class="text-content text-sm">{t("checkout.summary.deduct")}</p>
)
}
{
!hasCart && (
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
<div>
<p class="text-content text-sm font-light">
{t("login.page.welcome.subtitle")}
</p>
</div>
<hr class="bg-secondary" />
</div>
)
}
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
<div>
<p class="text-content text-sm font-light">
{t("login.page.welcome.subtitle")}
</p>
</div>
<hr class="bg-secondary" />
</div>
</div>
</div>
+8 -18
View File
@@ -68,25 +68,15 @@ itemCount.subscribe((count) => {
{hasCart && <Summary client:load />}
<div class="lg:block" id="auth-details">
{hasCart && <Steps step={2} client:load />}
<div class="flex flex-col px-0 pb-0 lg:px-6 lg:pt-0 lg:pb-0">
{
hasCart && (
<p class="text-content text-sm">{t("checkout.summary.deduct")}</p>
)
}
{
!hasCart && (
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
<div>
<p class="text-content text-sm font-light">
{t("login.page.welcome.subtitle")}
</p>
</div>
<hr class="bg-secondary" />
</div>
)
}
<div class="flex flex-col gap-4 pt-4 pb-0 md:gap-6 md:pt-6 lg:hidden">
<div>
<p class="text-content text-sm font-light">
{t("login.page.welcome.subtitle")}
</p>
</div>
<hr class="bg-secondary" />
</div>
</div>
</div>