saulteafarmer/plebdevs
1
0
Fork 0
mirror of https://github.com/AustinKelsay/plebdevs.git synced 2025-06-06 18:31:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

add keyboard navigation to course tabs

Browse Source
This commit is contained in:
austinkelsay 2025-04-14 12:11:05 -05:00
parent 6a46480300
commit c3175321cb
No known key found for this signature in database
GPG Key ID: 5A763922E5BA08EE
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/pages/course/[slug]/index.js
View File

@ -381,6 +381,26 @@ const Course = () => {
return items; return items;
}; };
// Add keyboard navigation support for tabs
useEffect(() => {
const handleKeyDown = (e) => {
if (e.key === 'ArrowRight') {
const currentIndex = getActiveTabIndex();
const nextIndex = (currentIndex + 1) % getTabItems().length;
toggleTab(nextIndex);
} else if (e.key === 'ArrowLeft') {
const currentIndex = getActiveTabIndex();
const prevIndex = (currentIndex - 1 + getTabItems().length) % getTabItems().length;
toggleTab(prevIndex);
}
};
document.addEventListener('keydown', handleKeyDown);
return () => {
document.removeEventListener('keydown', handleKeyDown);
};
}, [activeTab]);
// Render the QA section (empty for now) // Render the QA section (empty for now)
const renderQASection = () => { const renderQASection = () => {
return ( return (