Spaces:
Running
Running
File size: 4,327 Bytes
bfd3ad3 64b8b1b 38de65f f1ac2c9 0edd5f0 f1ac2c9 0edd5f0 f46336a d205075 64b8b1b 1b6ad1f 64b8b1b ee1fd05 64b8b1b f46336a 0edd5f0 32addc2 d205075 32addc2 d205075 57acb5a d205075 61b7e79 57acb5a 61b7e79 d205075 61b7e79 32addc2 f46336a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
import { Search } from "lucide-react";
import { Input } from "@/components/ui/input";
import { Link } from "react-router-dom";
import { CalendarDays } from "lucide-react";
interface HeaderProps {
onSearch: (query: string) => void;
showEmptyMessage?: boolean;
}
const Header = ({ onSearch, showEmptyMessage = false }: HeaderProps) => {
return (
<header className="bg-white border-b border-neutral-200">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex items-center justify-between h-16">
<div className="flex items-center gap-8">
<Link to="/" className="flex items-center gap-2">
<img
src="https://huggingface.co/front/assets/huggingface_logo.svg"
alt="Hugging Face Logo"
className="h-8 w-8"
/>
<span className="text-2xl font-bold text-primary">
AI Conference Deadlines
</span>
</Link>
<nav className="hidden md:flex space-x-4">
<Link
to="/calendar"
className="text-neutral-600 hover:text-primary flex items-center gap-2"
>
<CalendarDays className="h-5 w-5" />
Calendar
</Link>
</nav>
</div>
<div className="max-w-lg w-full lg:max-w-xs">
<div className="relative">
<div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
<Search className="h-5 w-5 text-neutral-400" />
</div>
<Input
type="search"
placeholder="Search conferences..."
className="pl-10"
onChange={(e) => onSearch(e.target.value)}
/>
</div>
</div>
</div>
{showEmptyMessage && (
<div className="max-w-4xl mx-auto mt-2 mb-0 text-center">
<p className="text-sm bg-amber-50 text-amber-800 py-2 px-4 rounded-md inline-block">
There are no upcoming conferences for the selected categories - enable "Show past conferences" to see previous ones
</p>
</div>
)}
<div className="max-w-4xl mx-auto text-center">
<p className="text-sm text-neutral-600 py-4">
Countdowns to top CV/NLP/ML/Robotics/AI conference deadlines. To add/edit a conference, send in a{' '}
<a
href="https://github.com/huggingface/ai-deadlines"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline"
>
pull request
</a>.
<br />
P.S. Is your paper already on Arxiv? Feel free to{' '}
<a
href="https://hf.co/papers/submit"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline"
>
submit
</a>
{' '}it to{' '}
<a
href="https://hf.co/papers"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline"
>
hf.co/papers
</a>
{' '}and upload your artifacts such as{' '}
<a
href="https://huggingface.co/docs/hub/en/models-uploading"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline"
>
models
</a>
{', '}
<a
href="https://huggingface.co/docs/datasets/loading"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline"
>
datasets
</a>
{' '}and{' '}
<a
href="https://huggingface.co/docs/hub/en/spaces-sdks-gradio"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline"
>
demos
</a>
</p>
</div>
</div>
</header>
);
};
export default Header;
|