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

feat: Filter out unused repositories

Browse Source
This commit is contained in:
XlebyllleK
2025-01-11 19:16:14 +02:00
committed by GitHub
parent 0fad592599
commit 1f652f2bb9
2 changed files with 43 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/components/Header.tsx
View File

@@ -9,35 +9,51 @@ import {
Repository
} from '../types';
import {
MIRRORS
} from '../services/api';
interface HeaderProps {
onRepositoryChange: (repo: Repository) => void;
onRepositoryChange: (repo: Repository) => void;
}
export function Header({ onRepositoryChange }: HeaderProps): JSX.Element {
return (
<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="flex items-center justify-between">
{/* Logo Section */}
<div className="flex items-center gap-4">
<Logo />
</div>
export function Header({
onRepositoryChange
}: HeaderProps): JSX.Element {
const usedRepositories = new Set(Object.values(MIRRORS).map(mirror => mirror.repository));
const filteredRepository = Object.keys(Repository).reduce((acc, key) => {
// Говно-код :D
if ((key === 'ALL') || usedRepositories.has(Repository[key as keyof typeof Repository])) acc[key] = Repository[key as keyof typeof Repository];
return acc;
}, {} as Record<string, string>);
{/* Repository Filter Dropdown */}
<div>
<select onChange={
(e) => onRepositoryChange(e.target.value as Repository)
} 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">
{Object.values(Repository).map((repository) => (
<option key={repository} value={repository}>{((repository === Repository.ALL) ? 'All Repositories' : repository.charAt(0).toUpperCase() + repository.slice(1))}</option>
))}
</select>
</div>
return (
<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="flex items-center justify-between">
{/* Logo Section */}
{/* Theme Toggle */}
<ThemeToggle />
</div>
</div>
</header>
);
<div className="flex items-center gap-4">
<Logo />
</div>
{/* Repository Filter Dropdown */}
<div>
<select onChange={
(e) => onRepositoryChange(e.target.value as Repository)
} 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">
{Object.values(filteredRepository).map((repository) => (
<option key={repository} value={repository}>{((repository === Repository.ALL) ? 'All Repositories' : repository.charAt(0).toUpperCase() + repository.slice(1))}</option>
))}
</select>
</div>
{/* Theme Toggle */}
<ThemeToggle />
</div>
</div>
</header>
);
}

2
src/services/api.ts
View File

@@ -4,7 +4,7 @@ import {
} from '../types';
// Define the mirrors from which packages will be fetched
const MIRRORS: Record<string, {
export const MIRRORS: Record<string, {
url: string;
repository: Repository;
}> = {