Snigdha-OS/package-browser
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/package-browser.git synced 2025-09-17 18:15:02 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update Header.tsx

Browse Source
This commit is contained in:
XlebyllleK
2025-01-10 23:22:01 +02:00
committed by GitHub
parent 317d67f810
commit 4cca03867c
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Header.tsx
View File

@@ -1,11 +1,15 @@
import { ThemeToggle } from './ThemeToggle'; import { ThemeToggle } from './ThemeToggle';
import { Logo } from './Logo'; import { Logo } from './Logo';
import {
Repository
} from '../types';
interface HeaderProps { interface HeaderProps {
onRepositoryChange: (repo: 'core' | 'extra' | 'all') => void; onRepositoryChange: (repo: Repository) => void;
} }
export function Header({ onRepositoryChange }: HeaderProps) { export function Header({ onRepositoryChange }: HeaderProps): JSX.Element {
return ( return (
<header className="bg-gradient-to-r from-nord-9 to-nord-8 via-nord-10 text-nord-6 shadow-lg"> <header className="bg-gradient-to-r from-nord-9 to-nord-8 via-nord-10 text-nord-6 shadow-lg">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
@@ -17,14 +21,12 @@ export function Header({ onRepositoryChange }: HeaderProps) {
{/* Repository Filter Dropdown */} {/* Repository Filter Dropdown */}
<div> <div>
<select <select onChange={
onChange={(e) => onRepositoryChange(e.target.value as 'core' | 'extra' | 'all')} (e) => onRepositoryChange(e.target.value as Repository
defaultValue="all" } defaultValue="all" className="bg-nord-5 dark:bg-nord-1 text-black dark:text-white border-2 border-nord-4 dark:border-nord-2 rounded-lg py-2 px-4 focus:ring-2 focus:ring-nord-8">
className="bg-nord-5 dark:bg-nord-1 text-black dark:text-white border-2 border-nord-4 dark:border-nord-2 rounded-lg py-2 px-4 focus:ring-2 focus:ring-nord-8" {Object.values(Repository).map((repository) => (
> <option key={repository} value={repository}>{((repository === Repository.All) ? 'All Repositories' : repository.charAt(0).toUpperCase() + repository.slice(1))}</option>
<option value="all">All Repositories</option> ))}
<option value="core">Core</option>
<option value="extra">Extra</option>
</select> </select>
</div> </div>