Make navigation icon-only

This commit is contained in:
Kevin Kandlbinder 2022-05-03 14:53:50 +02:00
parent 044c63474d
commit d739d84c67
2 changed files with 4 additions and 4 deletions

View file

@ -1,6 +1,6 @@
{
"name": "kevins-data-toolbox",
"version": "2.1.1",
"version": "2.1.2",
"private": true,
"dependencies": {
"@loadable/component": "^5.15.0",

View file

@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
import { useTranslation } from 'react-i18next';
import * as styles from "./Navigation.module.scss";
import { Globe, RefreshCw } from "lucide-react";
import { Globe, Info, List, PenTool, RefreshCw, Wrench } from "lucide-react";
import LanguageChooser from "./LanguageChooser";
import ServiceWorkerAPI from "../services/serviceWorkers"
@ -19,8 +19,8 @@ const Navigation = () => {
<nav>
<Link to={"/"}>{t("site.title")}</Link>
<span className={styles.spacer}></span>
<Link to={"/tools"}>{t("site.navigation.tools")}</Link>
<Link to={"/about"}>{t("site.navigation.about")}</Link>
<Link to={"/tools"} title={t("site.navigation.tools")}><List/></Link>
<Link to={"/about"} title={t("site.navigation.about")}><Info/></Link>
<Link to={"#"} onClick={() => {setLangChooserActive(true)}} title="Change Language"><Globe/></Link>
{updateAvailable && <Link to={"#"} onClick={() => {ServiceWorkerAPI.forceUpdate()}} title="Update Available"><RefreshCw /></Link>}