diff --git a/web/package.json b/web/package.json index 7339750..b48343f 100644 --- a/web/package.json +++ b/web/package.json @@ -17,6 +17,7 @@ "react-icons": "^3.7.0", "react-scripts": "3.0.1", "react-spinners": "^0.5.13", + "react-tippy": "^1.2.3", "styled-components": "^4.3.2" }, "browserslist": { diff --git a/web/src/components/Availability.js b/web/src/components/Availability.js index 311add7..9c0bddf 100644 --- a/web/src/components/Availability.js +++ b/web/src/components/Availability.js @@ -2,6 +2,9 @@ import React, { Suspense } from 'react' import styled from 'styled-components' import useFetch from 'fetch-suspense' import { BarLoader } from 'react-spinners' +import { GoInfo } from 'react-icons/go' +import { Tooltip } from 'react-tippy' +import 'react-tippy/dist/tippy.css' import { ExternalLink } from './Links' @@ -19,7 +22,21 @@ class ErrorBoundary extends React.Component { render() { if (this.state.hasError) { - return