diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 0dd6ec3..9b2d7c2 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -55,7 +55,6 @@ class AppImpl extends React.Component { const description = `There are ${numInstances} known instances, so loading the graph might take a little while. Ready?` return ( { private loadingState = (title?: string) => { return ( } title={title || "Loading..."} /> diff --git a/frontend/src/components/Nav.tsx b/frontend/src/components/Nav.tsx index ec81a47..e966f3e 100644 --- a/frontend/src/components/Nav.tsx +++ b/frontend/src/components/Nav.tsx @@ -1,15 +1,40 @@ import * as React from 'react'; -import { Alignment, Navbar } from '@blueprintjs/core'; +import { Alignment, Button, Classes, Dialog, Icon, Navbar } from '@blueprintjs/core'; +import { IconNames } from '@blueprintjs/icons'; import { InstanceSearch } from './InstanceSearch'; -export class Nav extends React.Component { +interface INavState { + aboutIsOpen: boolean; +} +export class Nav extends React.Component<{}, INavState> { + + constructor(props: any) { + super(props); + this.state = {aboutIsOpen: false}; + } + public render() { return ( - + - fediverse.space + + + fediverse.space + + +