File size: 919 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | import { BrowserSnapshot } from "./browser-snapshot";
import { BrowserChromeBar } from "./browser-chrome-bar";
import { EmptyBrowserMessage } from "./empty-browser-message";
import { useBrowserStore } from "#/stores/browser-store";
export function BrowserPanel() {
const { url, screenshotSrc } = useBrowserStore();
const hasPage = Boolean(screenshotSrc);
const imgSrc = screenshotSrc?.startsWith("data:image/png;base64,")
? screenshotSrc
: `data:image/png;base64,${screenshotSrc ?? ""}`;
return (
<div className="flex h-full min-h-0 w-full flex-col text-[var(--oh-muted)]">
<BrowserChromeBar url={url} hasPage={hasPage} />
<div className="flex min-h-0 flex-1 flex-col overflow-y-auto scrollbar-hide bg-[var(--oh-surface)]">
{screenshotSrc ? (
<BrowserSnapshot src={imgSrc} />
) : (
<EmptyBrowserMessage />
)}
</div>
</div>
);
}
|