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();
+ }
+ }}
/>