diff --git a/frontend/components/queries/QueriesList/QueriesList.jsx b/frontend/components/queries/QueriesList/QueriesList.jsx index 286098220b..472b94ca31 100644 --- a/frontend/components/queries/QueriesList/QueriesList.jsx +++ b/frontend/components/queries/QueriesList/QueriesList.jsx @@ -4,6 +4,7 @@ import classnames from "classnames"; import { includes, sortBy, size } from "lodash"; import queryInterface from "interfaces/query"; +import FleetIcon from "components/icons/FleetIcon"; import Checkbox from "components/forms/fields/Checkbox"; import QueriesListRow from "components/queries/QueriesList/QueriesListRow"; @@ -83,7 +84,16 @@ class QueriesList extends Component { return ( -

No queries available. Try creating one.

+

+ No queries available. Try creating one or get started by  + + importing standard queries + +

); diff --git a/frontend/components/queries/QueriesList/_styles.scss b/frontend/components/queries/QueriesList/_styles.scss index 88685d5acd..38c3178223 100644 --- a/frontend/components/queries/QueriesList/_styles.scss +++ b/frontend/components/queries/QueriesList/_styles.scss @@ -6,6 +6,19 @@ margin-top: $pad-medium; overflow: scroll; + a { + font-size: $x-small; + color: $core-vibrant-blue; + font-weight: $bold; + text-decoration: none; + + img { + width: 12px; + height: 12px; + margin-left: 7px; + } + } + &__table { border-collapse: collapse; width: 100%;