import React from "react"; import { Button, Text } from "@chakra-ui/react"; import { FaPlus } from "react-icons/fa"; import { createHashHistory } from "history"; export default function NewTunnelButton() { const history = createHashHistory(); function handleRedirect() { history.push("/new-tunnel"); } return ( <Button size="xs" w="100%" leftIcon={<FaPlus />} onClick={handleRedirect}> <Text fontSize="sm">New Tunnel</Text> </Button> ); }