Salastil/creamlinux-installer
1
0
Fork 0
mirror of https://github.com/Novattz/creamlinux-installer.git synced 2025-12-06 03:55:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

settings button

Browse Source
This commit is contained in:
Novattz
2025-06-24 19:45:34 +02:00
parent 1ac1931a08
commit 6d5b595883
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/layout/Sidebar.tsx
View File

@@ -1,8 +1,9 @@
import { Icon, layers, linux, proton } from '@/components/icons' import { Icon, layers, linux, proton, settings } from '@/components/icons'
interface SidebarProps { interface SidebarProps {
setFilter: (filter: string) => void setFilter: (filter: string) => void
currentFilter: string currentFilter: string
onSettingsClick: () => void
} }
// Define a type for filter items that makes variant optional // Define a type for filter items that makes variant optional
@@ -17,7 +18,7 @@ type FilterItem = {
* Application sidebar component * Application sidebar component
* Contains filters for game types * Contains filters for game types
*/ */
const Sidebar = ({ setFilter, currentFilter }: SidebarProps) => { const Sidebar = ({ setFilter, currentFilter, onSettingsClick }: SidebarProps) => {
// Available filter options with icons // Available filter options with icons
const filters: FilterItem[] = [ const filters: FilterItem[] = [
{ id: 'all', label: 'All Games', icon: layers, variant: 'bold' }, { id: 'all', label: 'All Games', icon: layers, variant: 'bold' },
@@ -45,6 +46,12 @@ const Sidebar = ({ setFilter, currentFilter }: SidebarProps) => {
</li> </li>
))} ))}
</ul> </ul>
<div className="settings-button" onClick={onSettingsClick}>
<Icon name={settings} variant="bold" size="md" className="settings-icon" />
<span>Settings</span>
</div>
</div> </div>
) )
} }