From 3c078696343a4f2a5ae811423f6b01bf8e1e3ded Mon Sep 17 00:00:00 2001 From: seth Date: Sat, 17 May 2025 17:50:54 -0400 Subject: [PATCH] lint --- src/front/App.tsx | 3 +- src/front/components/Hyperate/index.tsx | 4 +- src/front/components/Lanyard/index.tsx | 3 +- src/front/components/NavigationBar/index.tsx | 18 +- src/front/components/TopAppBar/index.tsx | 12 +- src/front/components/pages/About/index.tsx | 183 +++++++++++-------- src/front/index.css | 6 +- src/front/utilities/artist/index.ts | 21 ++- src/front/utilities/clicker/index.ts | 18 +- 9 files changed, 148 insertions(+), 120 deletions(-) diff --git a/src/front/App.tsx b/src/front/App.tsx index 76a6dff..678b046 100644 --- a/src/front/App.tsx +++ b/src/front/App.tsx @@ -2,9 +2,8 @@ import "mdui/components/layout"; import "mdui/components/layout-main"; import NavigationBar from "./components/NavigationBar"; -import TopAppBar from "./components/TopAppBar"; - import About from "./components/pages/About"; +import TopAppBar from "./components/TopAppBar"; export default () => { return ( diff --git a/src/front/components/Hyperate/index.tsx b/src/front/components/Hyperate/index.tsx index ca59e65..b85653b 100644 --- a/src/front/components/Hyperate/index.tsx +++ b/src/front/components/Hyperate/index.tsx @@ -22,7 +22,9 @@ export default () => { }); return (
-

❤️ 0 BPM

+

+ ❤️ 0 BPM +

); }; diff --git a/src/front/components/Lanyard/index.tsx b/src/front/components/Lanyard/index.tsx index 67b7f79..3c04d2c 100644 --- a/src/front/components/Lanyard/index.tsx +++ b/src/front/components/Lanyard/index.tsx @@ -1,6 +1,6 @@ import { highlightElement } from "@speed-highlight/core"; -import { artist } from "../../utilities/artist"; import { createRef } from "tsx-dom"; +import { artist } from "../../utilities/artist"; import socket from "../../utilities/socket"; const colorMap = { @@ -39,7 +39,6 @@ export default () => { document.body.style.removeProperty("--lanyard-display"); } - if (container.current) { container.current.textContent = JSON.stringify( { diff --git a/src/front/components/NavigationBar/index.tsx b/src/front/components/NavigationBar/index.tsx index 3d67f2f..a4bf269 100644 --- a/src/front/components/NavigationBar/index.tsx +++ b/src/front/components/NavigationBar/index.tsx @@ -8,13 +8,13 @@ import "@mdui/icons/person--rounded"; import "@mdui/icons/more-vert--rounded"; export default () => { - return ( - - - - - About - - - ); + return ( + + + + + About + + + ); }; diff --git a/src/front/components/TopAppBar/index.tsx b/src/front/components/TopAppBar/index.tsx index 2f02785..ccd279d 100644 --- a/src/front/components/TopAppBar/index.tsx +++ b/src/front/components/TopAppBar/index.tsx @@ -3,10 +3,10 @@ import "mdui/components/top-app-bar-title"; import "mdui/components/button-icon"; export default () => { - return ( - // @ts-ignore // variant is not in the types for some reason? - - IPv4.ARMY - - ); + return ( + // @ts-ignore // variant is not in the types for some reason? + + IPv4.ARMY + + ); }; diff --git a/src/front/components/pages/About/index.tsx b/src/front/components/pages/About/index.tsx index f4d6181..67b28a4 100644 --- a/src/front/components/pages/About/index.tsx +++ b/src/front/components/pages/About/index.tsx @@ -1,99 +1,122 @@ -import 'mdui/components/card'; -import 'mdui/components/avatar'; +import "mdui/components/card"; +import "mdui/components/avatar"; -import 'mdui/components/segmented-button-group'; -import 'mdui/components/segmented-button'; +import "mdui/components/segmented-button-group"; +import "mdui/components/segmented-button"; -import { getColorFromImage } from 'mdui/functions/getColorFromImage'; -import { artist } from '../../../utilities/artist'; -import Lanyard from '../../Lanyard'; -import Hyperate from '../../Hyperate'; +import { getColorFromImage } from "mdui/functions/getColorFromImage"; +import { artist } from "../../../utilities/artist"; +import Hyperate from "../../Hyperate"; +import Lanyard from "../../Lanyard"; const Abyssinian = new Image(); Abyssinian.src = "/public/Abyssinian/default.png"; Abyssinian.onload = async () => { - const profilePicture = document.getElementById("profilePicture") as HTMLElement; + const profilePicture = document.getElementById( + "profilePicture", + ) as HTMLElement; - artist(await getColorFromImage(Abyssinian), profilePicture); + artist(await getColorFromImage(Abyssinian), profilePicture); - profilePicture.setAttribute("src", Abyssinian.src); - profilePicture.innerText = ""; + profilePicture.setAttribute("src", Abyssinian.src); + profilePicture.innerText = ""; }; export default () => { - return ( -
- + - S -

Seth

- {/* make important text bold */} -

- A Dedicated Backend Developer, with many passions. -
-
- - high-fidelity audio - gaming - development - -

- + textAlign: "center", + }} + > + + S + +

Seth

+ {/* make important text bold */} +

+ A Dedicated Backend Developer, with many{" "} + passions. +
+
+ + high-fidelity audio + gaming + development + +

+ -
+
- - - + //textAlign: "center", + }} + > + + -
+
- - - -
- ); + //textAlign: "center", + }} + > + + + + ); }; diff --git a/src/front/index.css b/src/front/index.css index 282d7f0..4956481 100644 --- a/src/front/index.css +++ b/src/front/index.css @@ -49,12 +49,12 @@ body { background: #bdf5; } -[class*="shj-lang-"]>div { +[class*="shj-lang-"] > div { display: flex; overflow: auto; } -[class*="shj-lang-"]>div :last-child { +[class*="shj-lang-"] > div :last-child { outline: none; flex: 1; } @@ -201,4 +201,4 @@ body { 100% { transform: scale(1); } -} \ No newline at end of file +} diff --git a/src/front/utilities/artist/index.ts b/src/front/utilities/artist/index.ts index c922c54..077c9a4 100644 --- a/src/front/utilities/artist/index.ts +++ b/src/front/utilities/artist/index.ts @@ -1,13 +1,18 @@ import { setColorScheme } from "mdui/functions/setColorScheme"; export const artist = (color?: string, element?: HTMLElement) => { - if (color?.startsWith("#")) { - setColorScheme(color, { - target: element || document.documentElement, - }); - } else { - setColorScheme("#FFF"); - } + if (color?.startsWith("#")) { + setColorScheme(color, { + target: element || document.documentElement, + }); + } else { + setColorScheme("#FFF"); + } - document.body.style.setProperty("--status-color", getComputedStyle(document.documentElement).getPropertyValue("--mdui-color-primary")); + document.body.style.setProperty( + "--status-color", + getComputedStyle(document.documentElement).getPropertyValue( + "--mdui-color-primary", + ), + ); }; diff --git a/src/front/utilities/clicker/index.ts b/src/front/utilities/clicker/index.ts index 3926628..90ef4bd 100644 --- a/src/front/utilities/clicker/index.ts +++ b/src/front/utilities/clicker/index.ts @@ -5,18 +5,18 @@ effectTick.volume = 0.1; const whitelistedTags = ["button", "icon", "item"]; document.onclick = (event: MouseEvent) => { - const target = event.target as HTMLElement; + const target = event.target as HTMLElement; - if (!target) return; + if (!target) return; - const tagName = target.tagName.toLowerCase(); - const isWhitelisted = whitelistedTags.some((tag) => tagName.includes(tag)); + const tagName = target.tagName.toLowerCase(); + const isWhitelisted = whitelistedTags.some((tag) => tagName.includes(tag)); - console.log(tagName, isWhitelisted); + console.log(tagName, isWhitelisted); - if (!isWhitelisted) return; + if (!isWhitelisted) return; - ("vibrate" in navigator && navigator.vibrate(1)); - effectTick.currentTime = 0; - effectTick.play(); + "vibrate" in navigator && navigator.vibrate(1); + effectTick.currentTime = 0; + effectTick.play(); };