40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
import { useState } from 'react';
|
|
import { useStore } from '@nanostores/react';
|
|
import { workbenchStore } from '~/lib/stores/workbench';
|
|
import { DeployButton } from '~/components/deploy/DeployButton';
|
|
|
|
interface HeaderActionButtonsProps {
|
|
chatStarted: boolean;
|
|
}
|
|
|
|
export function HeaderActionButtons({ chatStarted: _chatStarted }: HeaderActionButtonsProps) {
|
|
const [activePreviewIndex] = useState(0);
|
|
const previews = useStore(workbenchStore.previews);
|
|
const activePreview = previews[activePreviewIndex];
|
|
|
|
const shouldShowButtons = activePreview;
|
|
|
|
return (
|
|
<div className="flex items-center gap-1">
|
|
{/* Deploy Button */}
|
|
{shouldShowButtons && <DeployButton />}
|
|
|
|
{/* Bug Report Button */}
|
|
{shouldShowButtons && (
|
|
<div className="flex border border-bolt-elements-borderColor rounded-md overflow-hidden text-sm">
|
|
<button
|
|
onClick={() =>
|
|
window.open('https://github.com/stackblitz-labs/bolt.diy/issues/new?template=bug_report.yml', '_blank')
|
|
}
|
|
className="rounded-md items-center justify-center [&:is(:disabled,.disabled)]:cursor-not-allowed [&:is(:disabled,.disabled)]:opacity-60 px-3 py-1.5 text-xs bg-accent-500 text-white hover:text-bolt-elements-item-contentAccent [&:not(:disabled,.disabled)]:hover:bg-bolt-elements-button-primary-backgroundHover outline-accent-500 flex gap-1.5"
|
|
title="Report Bug"
|
|
>
|
|
<div className="i-ph:bug" />
|
|
<span>Report Bug</span>
|
|
</button>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|