catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-02-28 09:23:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(skills): respect tab=hub URL parameter in SkillsManagerPage

Browse Source 
- Read URL tab parameter using useSearchParams
- Initialize locationFilter to 'hub' when tab=hub is present
- Allows /skill-hub route to correctly display hub content
This commit is contained in:
catlog22
2026-02-24 19:12:45 +08:00
parent b862c0e22f
commit 80ab955f8b
3 changed files with 471 additions and 796 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ccw/frontend/src/pages/SkillsManagerPage.tsx
View File

@@ -5,6 +5,7 @@
import { useState, useMemo, useCallback } from 'react';
import { useIntl } from 'react-intl';
import { useSearchParams } from 'react-router-dom';
import {
Sparkles,
Search,
@@ -125,6 +126,11 @@ function SkillGrid({ skills, isLoading, onToggle, onClick, isToggling, compact }
export function SkillsManagerPage() {
const { formatMessage } = useIntl();
const projectPath = useWorkflowStore(selectProjectPath);
const [searchParams] = useSearchParams();
// Initialize locationFilter from URL tab parameter
const tabFromUrl = searchParams.get('tab');
const initialLocationFilter = tabFromUrl === 'hub' ? 'hub' : 'project';
const [cliMode, setCliMode] = useState<CliMode>('claude');
const [searchQuery, setSearchQuery] = useState('');
@@ -134,7 +140,7 @@ export function SkillsManagerPage() {
const [viewMode, setViewMode] = useState<'grid' | 'compact'>('grid');
const [showDisabledSection, setShowDisabledSection] = useState(false);
const [confirmDisable, setConfirmDisable] = useState<{ skill: Skill; enable: boolean } | null>(null);
const [locationFilter, setLocationFilter] = useState<'project' | 'user' | 'hub'>('project');
const [locationFilter, setLocationFilter] = useState<'project' | 'user' | 'hub'>(initialLocationFilter);
// Skill Hub state
const [hubTab, setHubTab] = useState<'remote' | 'local' | 'installed'>('remote');