46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import { EventCollector } from "@shared/eventCollector";
|
|
import { ArrowLeftIcon, ArrowRightIcon } from "@shared/icons";
|
|
|
|
export function AppHeader() {
|
|
const goBack = () => {
|
|
window.history.back();
|
|
};
|
|
|
|
const goForward = () => {
|
|
window.history.forward();
|
|
};
|
|
|
|
return (
|
|
<div
|
|
data-tauri-drag-region
|
|
className="flex h-11 w-full items-center justify-between border-b border-zinc-900 px-3 gap-2.5"
|
|
>
|
|
<div className="flex gap-2.5">
|
|
<button
|
|
type="button"
|
|
onClick={() => goBack()}
|
|
className="group inline-flex h-6 w-6 items-center justify-center rounded hover:bg-zinc-900"
|
|
>
|
|
<ArrowLeftIcon
|
|
width={16}
|
|
height={16}
|
|
className="text-zinc-500 group-hover:text-zinc-300"
|
|
/>
|
|
</button>
|
|
<button
|
|
type="button"
|
|
onClick={() => goForward()}
|
|
className="group inline-flex h-6 w-6 items-center justify-center rounded hover:bg-zinc-900"
|
|
>
|
|
<ArrowRightIcon
|
|
width={16}
|
|
height={16}
|
|
className="text-zinc-500 group-hover:text-zinc-300"
|
|
/>
|
|
</button>
|
|
</div>
|
|
<EventCollector />
|
|
</div>
|
|
);
|
|
}
|