add
This commit is contained in:
parent
d299da29c8
commit
deb0bf25d2
|
@ -29,61 +29,8 @@ export function MainHeader() {
|
||||||
</div>
|
</div>
|
||||||
<NavigationMenu />
|
<NavigationMenu />
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center space-x-6">
|
|
||||||
<div className="group relative">
|
|
||||||
<Input
|
|
||||||
size="large"
|
|
||||||
prefix={
|
|
||||||
<SearchOutlined className="text-gray-400 group-hover:text-blue-500 transition-colors" />
|
|
||||||
}
|
|
||||||
placeholder="搜索课程"
|
|
||||||
className="w-72 rounded-full"
|
|
||||||
value={searchValue}
|
|
||||||
onChange={(e) => setSearchValue(e.target.value)}
|
|
||||||
onPressEnter={(e) => {
|
|
||||||
if (
|
|
||||||
!window.location.pathname.startsWith(
|
|
||||||
"/courses/"
|
|
||||||
) &&
|
|
||||||
!window.location.pathname.startsWith("my")
|
|
||||||
) {
|
|
||||||
navigate(`/courses/`);
|
|
||||||
window.scrollTo({
|
|
||||||
top: 0,
|
|
||||||
behavior: "smooth",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
{isAuthenticated && (
|
|
||||||
<>
|
|
||||||
<Button
|
|
||||||
onClick={() => {
|
|
||||||
const url = id
|
|
||||||
? `/course/${id}/editor`
|
|
||||||
: "/course/editor";
|
|
||||||
navigate(url);
|
|
||||||
}}
|
|
||||||
className="flex items-center space-x-1 bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 border-none shadow-md hover:shadow-lg transition-all"
|
|
||||||
icon={<EditFilled />}>
|
|
||||||
{id ? "编辑课程" : "创建课程"}
|
|
||||||
</Button>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
{isAuthenticated ? (
|
|
||||||
<UserMenu />
|
|
||||||
) : (
|
|
||||||
<Button
|
|
||||||
onClick={() => navigate("/login")}
|
|
||||||
className="flex items-center space-x-1 bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 border-none shadow-md hover:shadow-lg transition-all"
|
|
||||||
icon={<UserOutlined />}>
|
|
||||||
登录
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<NavigationMenu />
|
|
||||||
</div>
|
</div>
|
||||||
|
<div className=" flex justify-end gap-4 mr-2">
|
||||||
<Input
|
<Input
|
||||||
size="large"
|
size="large"
|
||||||
prefix={
|
prefix={
|
||||||
|
@ -94,7 +41,10 @@ export function MainHeader() {
|
||||||
value={searchValue}
|
value={searchValue}
|
||||||
onChange={(e) => setSearchValue(e.target.value)}
|
onChange={(e) => setSearchValue(e.target.value)}
|
||||||
onPressEnter={(e) => {
|
onPressEnter={(e) => {
|
||||||
if (!window.location.pathname.startsWith("/courses/")) {
|
if (
|
||||||
|
!window.location.pathname.startsWith("/courses/") &&
|
||||||
|
!window.location.pathname.startsWith("my")
|
||||||
|
) {
|
||||||
navigate(`/courses/`);
|
navigate(`/courses/`);
|
||||||
window.scrollTo({
|
window.scrollTo({
|
||||||
top: 0,
|
top: 0,
|
||||||
|
@ -140,5 +90,6 @@ export function MainHeader() {
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue