File size: 4,910 Bytes
6d65f0c 311ffdc 6d65f0c 311ffdc 6d65f0c |
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 125 126 127 128 129 130 131 132 133 134 |
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">
<span className="text-2xl font-bold text-primary">
<span className="hidden md:inline">AI Conference 'Call For Paper' 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">
Based on original{' '}
<a
href="https://huggingface.co/spaces/huggingface/ai-deadlines"
target="_blank"
rel="noopener noreferrer"
className="text-primary hover:underline inline-flex items-center gap-1"
>
<img
src="https://huggingface.co/front/assets/huggingface_logo.svg"
alt="HF"
className="h-4 w-4"
/>
HF version
</a>
<br />
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;
|