Snigdha-OS/package-browser
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/package-browser.git synced 2025-09-12 23:55:03 +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 Repository
} from '../types'; } from '../types';
import {
MIRRORS
} from '../services/api';
interface HeaderProps { interface HeaderProps {
onRepositoryChange: (repo: Repository) => void; onRepositoryChange: (repo: Repository) => void;
} }
export function Header({ onRepositoryChange }: HeaderProps): JSX.Element { export function Header({
return ( onRepositoryChange
<header className="bg-gradient-to-r from-nord-9 to-nord-8 via-nord-10 text-nord-6 shadow-lg"> }: HeaderProps): JSX.Element {
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"> const usedRepositories = new Set(Object.values(MIRRORS).map(mirror => mirror.repository));
<div className="flex items-center justify-between">
{/* Logo Section */} const filteredRepository = Object.keys(Repository).reduce((acc, key) => {
<div className="flex items-center gap-4"> // Говно-код :D
<Logo /> if ((key === 'ALL') || usedRepositories.has(Repository[key as keyof typeof Repository])) acc[key] = Repository[key as keyof typeof Repository];
</div> return acc;
}, {} as Record<string, string>);
{/* Repository Filter Dropdown */} return (
<div> <header className="bg-gradient-to-r from-nord-9 to-nord-8 via-nord-10 text-nord-6 shadow-lg">
<select onChange={ <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
(e) => onRepositoryChange(e.target.value as Repository) <div className="flex items-center justify-between">
} 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"> {/* Logo Section */}
{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>
{/* Theme Toggle */} <div className="flex items-center gap-4">
<ThemeToggle /> <Logo />
</div> </div>
</div>
</header> {/* 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'; } from '../types';
// Define the mirrors from which packages will be fetched // Define the mirrors from which packages will be fetched
const MIRRORS: Record<string, { export const MIRRORS: Record<string, {
url: string; url: string;
repository: Repository; repository: Repository;
}> = { }> = {