diff --git a/src/App.jsx b/src/App.jsx index 9e69b78..9bad4ea 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -35,6 +35,17 @@ function App() { window.socket = socket; + if (settings.userName == "bruh") { + document.body.classList.add( + "transition-transform", + "transform", + "rotate-180" + ); + } else if (document.body.classList.contains("transition-transform")) { + document.body.classList.remove("rotate-180"); + document.body.classList.add("rotate-0"); + } + return (
{ setHidden(!hidden); }} + iconClass={`transition-transform transform translate-z-0 h-7 w-7 ${ + !hidden ? "rotate-180" : "rotate-0" + }`} /> )} {!hidden && ( diff --git a/src/pages/settings.jsx b/src/pages/settings.jsx index 2b76019..d90d7f5 100644 --- a/src/pages/settings.jsx +++ b/src/pages/settings.jsx @@ -7,10 +7,12 @@ import { } from "../components/settingsInputs"; import { ButtonWithIcon } from "../components/button"; import { ChevronDoubleRightIcon } from "@heroicons/react/24/outline"; -import { localesProcess } from "../components/utils"; +import { localesProcess, reRenderPage } from "../components/utils"; import { langChoices } from "../localisation/main"; function Settings() { + let lastName = settings.userName; + return (

@@ -22,6 +24,15 @@ function Settings() { placeholder={locals.Name} label={locals.UserName} settingName="userName" + onChange={() => { + if (settings.userName == "bruh") { + lastName = settings.userName; + reRenderPage(); + } else if (lastName == "bruh") { + lastName = settings.userName; + reRenderPage(); + } + }} />