fix(cli): Add conditional rendering for private data based on API type

This commit is contained in:
Aman Varshney
2025-07-17 09:55:40 +05:30
parent 6a43a4f161
commit 5ab503a814
10 changed files with 70 additions and 56 deletions

View File

@@ -1,7 +1,6 @@
<script lang="ts">
import { authClient } from '$lib/auth-client';
import { goto } from '$app/navigation';
import { queryClient } from '$lib/orpc';
const sessionQuery = authClient.useSession();
@@ -9,7 +8,6 @@
await authClient.signOut({
fetchOptions: {
onSuccess: () => {
queryClient.invalidateQueries();
goto('/');
},
onError: (error) => {

View File

@@ -2,13 +2,17 @@
import { onMount } from 'svelte';
import { goto } from '$app/navigation';
import { authClient } from '$lib/auth-client';
{{#if (eq api "orpc")}}
import { orpc } from '$lib/orpc';
import { createQuery } from '@tanstack/svelte-query';
{{/if}}
import { get } from 'svelte/store';
const sessionQuery = authClient.useSession();
{{#if (eq api "orpc")}}
const privateDataQuery = createQuery(orpc.privateData.queryOptions());
{{/if}}
onMount(() => {
const { data: session, isPending } = get(sessionQuery);
@@ -21,11 +25,12 @@
{#if $sessionQuery.isPending}
<div>Loading...</div>
{:else if !$sessionQuery.data}
<!-- Redirecting... -->
{:else}
<div>
<h1>Dashboard</h1>
<p>Welcome {$sessionQuery.data.user.name}</p>
{{#if (eq api "orpc")}}
<p>privateData: {$privateDataQuery.data?.message}</p>
{{/if}}
</div>
{/if}