mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2026-04-19 12:59:12 +01:00
ceb66ed5b8
* Initial folder and code restructure * Add snapshots * Remove flag for local testing * Remove unnecessary code * Fix snapshot * Update tests
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { IconButton, Image, Stack, Text } from "@fluentui/react";
|
|
import { useQueryCopilot } from "hooks/useQueryCopilot";
|
|
import React from "react";
|
|
import CopilotIcon from "../../../../../images/CopilotSidebarLogo.svg";
|
|
|
|
export const Header: React.FC = (): JSX.Element => {
|
|
const { setShowCopilotSidebar } = useQueryCopilot();
|
|
|
|
return (
|
|
<Stack
|
|
style={{ margin: "15px 0px 0px 0px", padding: "5px", display: "flex", justifyContent: "space-between" }}
|
|
horizontal
|
|
verticalAlign="center"
|
|
>
|
|
<Stack horizontal verticalAlign="center">
|
|
<Image src={CopilotIcon} />
|
|
<Text style={{ marginLeft: "5px", fontWeight: "bold" }}>Copilot</Text>
|
|
<Text
|
|
style={{
|
|
background: "#f0f0f0",
|
|
fontSize: "10px",
|
|
padding: "2px 4px",
|
|
marginLeft: "5px",
|
|
borderRadius: "8px",
|
|
}}
|
|
>
|
|
Preview
|
|
</Text>
|
|
</Stack>
|
|
<IconButton
|
|
onClick={() => setShowCopilotSidebar(false)}
|
|
iconProps={{ iconName: "Cancel" }}
|
|
title="Exit"
|
|
ariaLabel="Exit"
|
|
style={{ color: "#424242", verticalAlign: "middle" }}
|
|
/>
|
|
</Stack>
|
|
);
|
|
};
|