diff --git a/package.json b/package.json index d01e61a..75c8943 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "kevins-data-toolbox", - "version": "1.0.0", + "version": "1.1.0", "private": true, "dependencies": { "@loadable/component": "^5.15.0", diff --git a/src/components/BoxMessage.module.scss b/src/components/BoxMessage.module.scss index 23c5a47..82a7cdd 100644 --- a/src/components/BoxMessage.module.scss +++ b/src/components/BoxMessage.module.scss @@ -1,7 +1,7 @@ @import "../common"; @mixin boxMessageColor($baseColor) { - $bgColor: adjust-color($baseColor, $lightness: 30); + $bgColor: adjust-color($baseColor, $lightness: 30%); background-color: $bgColor; .icon > svg { @@ -10,11 +10,11 @@ @media(prefers-color-scheme: dark) { - $bgColor: adjust-color($baseColor, $lightness: -35); + $bgColor: adjust-color($baseColor, $lightness: -35%); background-color: $bgColor; .icon > svg { - color: adjust-color($baseColor, $lightness: 5); + color: adjust-color($baseColor, $lightness: 5%); } } } diff --git a/src/services/serviceWorkers.ts b/src/services/serviceWorkers.ts index e41cd32..772814f 100644 --- a/src/services/serviceWorkers.ts +++ b/src/services/serviceWorkers.ts @@ -1,5 +1,14 @@ import { useEffect, useState } from "react"; + +enum events { + updateAvailable +} + +type Event = { + type: events +} + let eventListeners: Map void)[]> = new Map void)[]>(); let pendingUpdate = false; @@ -17,14 +26,6 @@ navigator.serviceWorker.getRegistration().then((reg) => { } }) -enum events { - updateAvailable -} - -type Event = { - type: events -} - const broadcast = new BroadcastChannel('sw-updates'); broadcast.addEventListener('message', (event) => { diff --git a/src/tools/cyphers_and_cryptography/base64/Base64Tool.js b/src/tools/cyphers_and_cryptography/base64/Base64Tool.js index 65c3868..ff2dbbf 100644 --- a/src/tools/cyphers_and_cryptography/base64/Base64Tool.js +++ b/src/tools/cyphers_and_cryptography/base64/Base64Tool.js @@ -1,7 +1,5 @@ import React, { useEffect, useState } from "react"; -import { AlertOctagon } from "lucide-react"; import { useTranslation, Trans } from "react-i18next"; -import BoxMessage from "../../../components/BoxMessage"; import * as styles from "./Base64Tool.module.scss" import { Helmet } from "react-helmet"; import {Buffer} from "buffer/"