index.community/frontend/src/components/Nav.tsx

31 lines
898 B
TypeScript

import * as React from 'react';
import { Alignment, Navbar } from '@blueprintjs/core';
import { InstanceSearch } from './InstanceSearch';
export class Nav extends React.Component {
public render() {
return (
<Navbar>
<Navbar.Group align={Alignment.LEFT}>
<Navbar.Heading>fediverse.space</Navbar.Heading>
{/* <Button
icon={<Icon icon={IconNames.GLOBE_NETWORK} />}
text="Network"
minimal={true}
/>
<Button
icon={<Icon icon={IconNames.GLOBE} />}
text="Map"
minimal={true}
/> */}
</Navbar.Group>
<Navbar.Group align={Alignment.RIGHT}>
<InstanceSearch />
</Navbar.Group>
</Navbar>
)
}
}