Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | // @flow
import {
type ContentLogo,
type ContentNavigationLink
} from "@bluframe/site-content"
import BluFrameNavBar from "./BluFrameNavBar"
import prepareComponent from "@bluframe/bluterrine/prepareComponent"
import { useState } from "react"
export type Props = {|
+logo: ContentLogo,
+navigationLinks: ContentNavigationLink[]
|}
export type ComponentProps = {|
+isOpen: boolean,
+logo: ContentLogo,
+logoLink: string,
+navigationLinks: ContentNavigationLink[],
+onSetIsOpen: () => void
|}
const getLogoLink = (logo: ContentLogo): string => {
if (process.env.NODE_ENV === "development") {
return `http://bluframe.bluframe.engineering${logo.link}`
}
return `https://blufra.me${logo.link}`
}
const DEFAULT_IS_OPEN = false
const usePrepareComponent = ({
logo,
navigationLinks
}: Props): ComponentProps => {
const [isOpen, setIsOpen] = useState(DEFAULT_IS_OPEN)
const onSetIsOpen = () => {
setIsOpen(!isOpen)
}
return {
isOpen,
logo,
logoLink: getLogoLink(logo),
navigationLinks,
onSetIsOpen
}
}
export default (prepareComponent<Props, ComponentProps>(usePrepareComponent)(
BluFrameNavBar
): React$AbstractComponent<Props, ComponentProps>)
|