mirror of
https://github.com/khoaliber/dockhand.git
synced 2026-03-02 21:19:05 +00:00
37 lines
1.2 KiB
Svelte
37 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { page } from '$app/stores';
|
|
import { FolderGit2, Key } from 'lucide-svelte';
|
|
import GitCredentialsTab from './GitCredentialsTab.svelte';
|
|
import GitRepositoriesTab from './GitRepositoriesTab.svelte';
|
|
|
|
let gitSubTab = $derived<'repositories' | 'credentials'>(
|
|
($page.url.searchParams.get('subtab') as 'repositories' | 'credentials') || 'repositories'
|
|
);
|
|
</script>
|
|
|
|
<div class="space-y-4">
|
|
<!-- Git subtabs -->
|
|
<div class="inline-flex gap-1 p-1 bg-muted/50 rounded-lg">
|
|
<a
|
|
href="/settings?tab=git&subtab=repositories"
|
|
class="px-3 py-1.5 text-sm font-medium rounded-md transition-all flex items-center gap-1.5 {gitSubTab === 'repositories' ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'}"
|
|
>
|
|
<FolderGit2 class="w-4 h-4" />
|
|
Repositories
|
|
</a>
|
|
<a
|
|
href="/settings?tab=git&subtab=credentials"
|
|
class="px-3 py-1.5 text-sm font-medium rounded-md transition-all flex items-center gap-1.5 {gitSubTab === 'credentials' ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'}"
|
|
>
|
|
<Key class="w-4 h-4" />
|
|
Credentials
|
|
</a>
|
|
</div>
|
|
|
|
{#if gitSubTab === 'repositories'}
|
|
<GitRepositoriesTab />
|
|
{:else}
|
|
<GitCredentialsTab />
|
|
{/if}
|
|
</div>
|