github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/ui/dashboard/src/components/DashboardHeader/index.tsx (about)

     1  import DashboardSearch from "../DashboardSearch";
     2  import DashboardTagGroupSelect from "../DashboardTagGroupSelect";
     3  import OpenSnapshotButton from "../OpenSnapshotButton";
     4  import SaveSnapshotButton from "../SaveSnapshotButton";
     5  import SteampipeLogo from "./SteampipeLogo";
     6  import ThemeToggle from "../ThemeToggle";
     7  import { classNames } from "../../utils/styles";
     8  import { getComponent } from "../dashboards";
     9  
    10  const DashboardHeader = () => {
    11    const ExternalLink = getComponent("external_link");
    12    return (
    13      <div
    14        className={classNames(
    15          "flex w-screen px-4 py-3 items-center justify-between space-x-2 md:space-x-4 bg-dashboard-panel border-b border-divide print:hidden"
    16        )}
    17      >
    18        <SteampipeLogo />
    19        <div className="flex flex-grow items-center space-x-2 md:space-x-4">
    20          <DashboardSearch />
    21          <DashboardTagGroupSelect />
    22          <SaveSnapshotButton />
    23          <OpenSnapshotButton />
    24        </div>
    25        <div className="space-x-2 sm:space-x-4 md:space-x-8 flex items-center justify-end">
    26          <ExternalLink
    27            className="text-base text-foreground-lighter hover:text-foreground"
    28            ignoreDataMode
    29            to="https://hub.steampipe.io"
    30            withReferrer={true}
    31          >
    32            <>Hub</>
    33          </ExternalLink>
    34          <ExternalLink
    35            className="text-base text-foreground-lighter hover:text-foreground"
    36            ignoreDataMode
    37            to="https://steampipe.io/docs"
    38            withReferrer={true}
    39          >
    40            <>Docs</>
    41          </ExternalLink>
    42          <ThemeToggle />
    43        </div>
    44      </div>
    45    );
    46  };
    47  
    48  export default DashboardHeader;