43 lines
1.8 KiB
TypeScript
43 lines
1.8 KiB
TypeScript
import { ConnectButton } from '@/components/ConnectButton'
|
|
import { ConditionalPublishButton } from './ConditionalPublishButton'
|
|
import { KeyIndicator } from './KeyIndicator'
|
|
|
|
function GitIcon(): React.ReactElement {
|
|
return (
|
|
<svg
|
|
className="w-5 h-5"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.884.721-2.599 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.496 3.866.45 10.913c-.6.605-.6 1.584 0 2.189l10.484 10.481c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.584 0-2.189z" />
|
|
</svg>
|
|
)
|
|
}
|
|
|
|
export function ProfileHeader(): React.ReactElement {
|
|
return (
|
|
<header className="bg-white shadow-sm">
|
|
<div className="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
|
|
<h1 className="text-2xl font-bold text-gray-900 flex items-center gap-2">
|
|
zapwall.fr
|
|
<a
|
|
href="https://git.4nkweb.com/4nk/story-research-zapwall"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="text-gray-600 hover:text-gray-900 transition-colors"
|
|
title="Repository Git"
|
|
>
|
|
<GitIcon />
|
|
</a>
|
|
<KeyIndicator />
|
|
</h1>
|
|
<div className="flex items-center gap-4">
|
|
<ConditionalPublishButton />
|
|
<ConnectButton />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|