From cea0caaafed7c06ccd3e739dc3e9301c88f8bcf4 Mon Sep 17 00:00:00 2001
From: Reza Taghizadeh <95388378+srt207-reza@users.noreply.github.com>
Date: Tue, 18 Nov 2025 12:35:18 +0330
Subject: [PATCH] fix: resolve profile bugs

---
 index.html                                    |   1 -
 package.json                                  |   2 +-
 src/App.tsx                                   | 152 ++++++++----------
 .../Profile/+components/LangSupportRow.tsx    |   3 +-
 .../pages/Profile/+components/PillSelect.tsx  |   2 -
 src/apps/new-ui/pages/Profile/index.tsx       |  22 +--
 src/main.tsx                                  |   1 +
 vite.config.ts                                |   2 +-
 8 files changed, 87 insertions(+), 98 deletions(-)

diff --git a/index.html b/index.html
index 337407cb..c6ee01d7 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,6 @@
       html,
       body {
         background: #ab25c0; /* before page load */
-        /* background: rgb(171, 37, 192); before page load */
         height: 100%;
         margin: 0;
       }
diff --git a/package.json b/package.json
index 3e1fd6e0..400e9089 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "app.salona",
   "private": true,
-  "version": "2.90.8",
+  "version": "2.90.9",
   "type": "module",
   "scripts": {
     "dev": "vite --host",
diff --git a/src/App.tsx b/src/App.tsx
index 035dc69b..2141772b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,8 +1,5 @@
 import { useEffect } from "react";
-import "aos/dist/aos.css";
-import "swiper/swiper-bundle.css";
-import "react-h5-audio-player/lib/styles.css";
-import "./App.css";
+
 import AOS from "aos";
 import { ErrorBoundary } from "react-error-boundary";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -11,10 +8,7 @@ import { ErrorBoundaryFallback } from "@/components/ErrorBoundaryFallback";
 import SplashScreen from "./components/SplashScreen";
 import { Toaster } from "react-hot-toast";
 import VpnDetector from "./components/VpnDetector";
-import {
-  mutationErrorHandler,
-  requestErrorRetryHandler,
-} from "./utils/error-handlers";
+import { mutationErrorHandler, requestErrorRetryHandler } from "./utils/error-handlers";
 
 import UpdateDetector from "./components/UpdateDetector";
 import { MultiAccountsProvider } from "@appointment/hooks/useMultipleAccounts.tsx";
@@ -22,89 +16,85 @@ import AllRoutes from "@/routes";
 import useSamsungBrowserWarning from "./hooks/useSamsungBrowserWarning";
 import InternetStatusDetector from "./components/InternetStatusDetector";
 
-import "./App.css";
 import LayoutWithNavigation from "./apps/new-ui/components/FooterLayout";
+import "swiper/swiper-bundle.css";
+import "react-h5-audio-player/lib/styles.css";
+import "./App.css";
 
 const preventPinchZoom = (event: TouchEvent) => {
-  if (event.touches.length > 1) event.preventDefault();
+    if (event.touches.length > 1) event.preventDefault();
 };
 
 //main file
 function App() {
-  // ====================DON'T DELETE PLEASE==========================================
-  // useEffect(() => {
-  //   const themeColorMetaTag = document.querySelector(
-  //     'meta[name="theme-color"]'
-  //   );
-  //   if (themeColorMetaTag) {
-  //     const backgroundColor = getComputedStyle(document.body).backgroundColor;
+    // ====================DON'T DELETE PLEASE==========================================
+    // useEffect(() => {
+    //   const themeColorMetaTag = document.querySelector(
+    //     'meta[name="theme-color"]'
+    //   );
+    //   if (themeColorMetaTag) {
+    //     const backgroundColor = getComputedStyle(document.body).backgroundColor;
 
-  //     // If backgroundColor is transparent or the default color, set it to black
-  //     themeColorMetaTag.setAttribute("content", backgroundColor || "#000");
-  //   }
-  // }, []);
+    //     // If backgroundColor is transparent or the default color, set it to black
+    //     themeColorMetaTag.setAttribute("content", backgroundColor || "#000");
+    //   }
+    // }, []);
 
-  // =============================================================
-  useEffect(() => {
-    const themeColorMetaTag = document.querySelector(
-      'meta[name="theme-color"]'
+    // =============================================================
+    useEffect(() => {
+        const themeColorMetaTag = document.querySelector('meta[name="theme-color"]');
+        if (themeColorMetaTag) {
+            themeColorMetaTag.setAttribute("content", "#ab25c0"); // رنگ بنفش ثابت
+        }
+    }, []);
+
+    useSamsungBrowserWarning();
+    const queryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                staleTime: Infinity,
+                retry: requestErrorRetryHandler,
+            },
+            mutations: {
+                onError: mutationErrorHandler,
+            },
+        },
+    });
+
+    useEffect(() => {
+        AOS.init({
+            duration: 1200,
+            once: true,
+        });
+
+        document.addEventListener("touchmove", preventPinchZoom, {
+            passive: false,
+        });
+        return () => {
+            document.removeEventListener("touchmove", preventPinchZoom);
+        };
+    }, []);
+
+    return (
+        <SplashScreen>
+            <QueryClientProvider client={queryClient}>
+                <MultiAccountsProvider>
+                    <VpnDetector />
+                    <UpdateDetector />
+                    <InternetStatusDetector>
+                        <ErrorBoundary fallbackRender={({ error }) => <ErrorBoundaryFallback error={error} />}>
+                            <Router>
+                                <LayoutWithNavigation>
+                                    <AllRoutes />
+                                </LayoutWithNavigation>
+                            </Router>
+                        </ErrorBoundary>
+                        <Toaster />
+                    </InternetStatusDetector>
+                </MultiAccountsProvider>
+            </QueryClientProvider>
+        </SplashScreen>
     );
-    if (themeColorMetaTag) {
-      themeColorMetaTag.setAttribute("content", "#ab25c0"); // رنگ بنفش ثابت
-    }
-  }, []);
-
-  useSamsungBrowserWarning();
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        staleTime: Infinity,
-        retry: requestErrorRetryHandler,
-      },
-      mutations: {
-        onError: mutationErrorHandler,
-      },
-    },
-  });
-
-  useEffect(() => {
-    AOS.init({
-      duration: 1200,
-      once: true,
-    });
-
-    document.addEventListener("touchmove", preventPinchZoom, {
-      passive: false,
-    });
-    return () => {
-      document.removeEventListener("touchmove", preventPinchZoom);
-    };
-  }, []);
-
-  return (
-    <SplashScreen>
-      <QueryClientProvider client={queryClient}>
-        <MultiAccountsProvider>
-          <VpnDetector />
-          <UpdateDetector />
-          <InternetStatusDetector>
-            <ErrorBoundary
-              fallbackRender={({ error }) => (
-                <ErrorBoundaryFallback error={error} />
-              )}
-            >
-              <Router>
-                <LayoutWithNavigation>
-                  <AllRoutes />
-                </LayoutWithNavigation>
-              </Router>
-            </ErrorBoundary>
-            <Toaster />
-          </InternetStatusDetector>
-        </MultiAccountsProvider>
-      </QueryClientProvider>
-    </SplashScreen>
<!DOCTYPE html>
<html lang="en-US" data-theme="gitea-auto">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Internal Server Error - Salona Git</title>
	<link rel="icon" href="/assets/img/favicon.svg" type="image/svg+xml">
	<link rel="alternate icon" href="/assets/img/favicon.png" type="image/png">
	<link rel="stylesheet" href="/assets/css/index.css?v=1.25.4">
<link rel="stylesheet" href="/assets/css/theme-gitea-auto.css?v=1.25.4">

</head>
<body>
	<div class="full height">
		<nav class="ui secondary menu">
			<div class="ui container tw-flex">
				<div class="item tw-flex-1">
					<a href="/" aria-label="Home">
						<img width="30" height="30" src="/assets/img/logo.svg" alt="Logo" aria-hidden="true">
					</a>
				</div>
				<div class="item">
					<button class="ui icon button disabled"><svg viewBox="0 0 16 16" class="svg octicon-three-bars" aria-hidden="true" width="16" height="16"><path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75m0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75M1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5"/></svg></button>
				</div>
			</div>
		</nav>
		<div class="divider tw-my-0"></div>
		<div role="main" class="page-content status-page-500">
			<div class="ui container" >
				<style> .ui.message.flash-message { text-align: left; } </style>
				
				<div class="status-page-error">
					<div class="status-page-error-title">500 Internal Server Error</div>
					
					<div class="tw-mt-8 tw-text-center">
						<p>Gitea Version: 1.25.4</p>
						
					</div>
				</div>
			</div>
		</div>
	</div>

	
	<script type="module">
		const embedded = document.querySelector('.page-content .page-content.status-page-500');
		if (embedded) {
			
			const embeddedParent = embedded.parentNode;
			let main = document.querySelector('.page-content');
			main = main ?? document.querySelector('body');
			main.prepend(document.createElement('hr'));
			main.prepend(embedded);
			embeddedParent.remove(); 
		}
	</script>
</body>
</html>