Spaces:
Running
Running
File size: 4,550 Bytes
bfd3ad3 64b8b1b 38de65f f1ac2c9 0edd5f0 f1ac2c9 0edd5f0 f46336a d205075 64b8b1b 918ac24 1b6ad1f 918ac24 1b6ad1f 64b8b1b ee1fd05 918ac24 64b8b1b 918ac24 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 124 |
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 flex-col md:flex-row md:items-center md:justify-between md:h-16 py-4 md:py-0 gap-4 md:gap-0">
<div className="flex items-center justify-center md:justify-start w-full md:w-auto 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">
<span className="hidden md:inline">AI Conference Deadlines</span>
<span className="md:hidden">AI Deadlines</span>
</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="w-full md:max-w-lg 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 w-full"
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;
|