d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-07-05 04:52:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: skill folder picker

Browse Source
This commit is contained in:
Simos Mikelatos
2026-07-03 23:10:49 +00:00
parent 8573f9ba35
commit ced4f71f96
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/skills/view/ProviderSkills.tsx
View File

@@ -219,7 +219,7 @@ export default function ProviderSkills({ selectedProvider, currentProjects }: Pr
const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);
const [showInstallPath, setShowInstallPath] = useState(false);
const fileInputRef = useRef<HTMLInputElement>(null);
const folderInputRef = useRef<HTMLInputElement>(null);
const folderInputRef = useRef<HTMLInputElement | null>(null);
const providerName = PROVIDER_NAMES[selectedProvider];
const providerPath = selectedProvider === 'opencode' ? null : PROVIDER_SKILL_PATHS[selectedProvider];
@@ -234,9 +234,14 @@ export default function ProviderSkills({ selectedProvider, currentProjects }: Pr
setJustInstalled(false);
}, [selectedProvider]);
useEffect(() => {
folderInputRef.current?.setAttribute('webkitdirectory', '');
folderInputRef.current?.setAttribute('directory', '');
const setFolderInputRef = useCallback((node: HTMLInputElement | null) => {
folderInputRef.current = node;
if (!node) {
return;
}
node.setAttribute('webkitdirectory', '');
node.setAttribute('directory', '');
}, []);
const filteredSkills = useMemo(() => {
@@ -407,7 +412,7 @@ export default function ProviderSkills({ selectedProvider, currentProjects }: Pr
}}
/>
<input
ref={folderInputRef}
ref={setFolderInputRef}
type="file"
multiple
className="hidden"