这是indexloc提供的服务，不要输入任何密码
Skip to content

Issue 422: Remove avatar #424

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jul 31, 2024
Merged

Issue 422: Remove avatar #424

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
5299f1e
Updating logo
DennisAlund Jul 31, 2024
90d4c3a
Fixing up header component
DennisAlund Jul 31, 2024
414e550
Moving dark mode switcher
DennisAlund Jul 31, 2024
2e2e6e5
Deleting unused components
DennisAlund Jul 31, 2024
a364e84
Moving header component
DennisAlund Jul 31, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
0 hosting/public/images/logo/logo.svg → hosting/public/images/logo.svg
View file
Open in desktop
File renamed without changes
53 changes: 0 additions & 53 deletions hosting/public/images/logo/logo-dark.svg
View file
Open in desktop

This file was deleted.

44 changes: 0 additions & 44 deletions hosting/public/images/logo/logo-icon.svg
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion hosting/src/app/(protected)/settings/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
"use client";
import PageHeader from "@/components/common/PageHeader";
import DarkModeSwitcher from "@/components/Header/DarkModeSwitcher";
import DarkModeSwitcher from "@/components/DarkModeSwitcher";
import {useAuthentication} from "@/hooks/useAuthentication";
import {useTanamUser} from "@/hooks/useTanamUser";
import Image from "next/image";
Expand Down
0 ...rc/components/Header/DarkModeSwitcher.tsx → hosting/src/components/DarkModeSwitcher.tsx
View file
Open in desktop
File renamed without changes.
45 changes: 45 additions & 0 deletions hosting/src/components/Header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
import Image from "next/image";
import Link from "next/link";

interface HeaderProps {
sidebarOpen: string | boolean | undefined;
setSidebarOpen: (open: boolean) => void;
}

/**
* Header Component
*
* This component renders the header section of the application. It includes:
* - A sticky header that remains at the top of the page.
* - A toggle button for the sidebar, which is only visible on small screens.
* - The toggle button changes the state of the sidebar (open/close) when clicked.
* - The header has different styles for light and dark modes.
*
* @param {HeaderProps} props - The props of the component.
* @return {JSX.Element} The header component
*/
export default function Header({sidebarOpen, setSidebarOpen}: HeaderProps) {
return (
<header className="sticky top-0 z-999 flex w-full bg-white drop-shadow-1 dark:bg-boxdark dark:drop-shadow-none">
<div className="flex flex-grow items-center justify-between px-4 py-4 shadow-2 md:px-6 2xl:px-11">
<div className="flex items-center gap-2 sm:gap-4 lg:hidden">
<button
aria-controls="sidebar"
onClick={(e) => {
e.stopPropagation();
setSidebarOpen(!sidebarOpen);
}}
className="z-99999 flex items-center justify-center rounded-sm border border-stroke bg-white p-1.5 shadow-sm dark:border-strokedark dark:bg-boxdark lg:hidden"
style={{width: "40px", height: "40px"}}
>
<span className="i-ic-round-menu w-[24px] h-[24px]" />
</button>

<Link className="block flex-shrink-0 lg:hidden" href="/">
<Image width={32} height={32} src={"/images/logo.svg"} alt="Logo" />
</Link>
</div>
</div>
</header>
);
}
203 changes: 0 additions & 203 deletions hosting/src/components/Header/DropdownMessage.tsx
View file
Open in desktop

This file was deleted.

Loading