kevin/data-toolbox-site
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/data-toolbox-site.git synced 2025-06-17 23:31:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Make navigation icon-only

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

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

6
src/components/Navigation.tsx
View file

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