From ea4db1c86449e89f6ebf5fb874c7c665a141cb8d Mon Sep 17 00:00:00 2001
From: Phantom <59059173+EurFelux@users.noreply.github.com>
Date: Sun, 14 Sep 2025 16:01:30 +0800
Subject: [PATCH] refactor(context): move HeroUIProvider to context directory
 (#10155)

Centralize context providers in a dedicated directory for better organization and maintainability
---
 src/renderer/src/App.tsx                    |  4 ++--
 src/renderer/src/context/HeroUIProvider.tsx | 13 +++++++++++++
 2 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/src/context/HeroUIProvider.tsx

diff --git a/src/renderer/src/App.tsx b/src/renderer/src/App.tsx
index 019c6324d9..78396c49e7 100644
--- a/src/renderer/src/App.tsx
+++ b/src/renderer/src/App.tsx
@@ -1,6 +1,5 @@
 import '@renderer/databases'
 
-import { HeroUIProvider } from '@heroui/react'
 import { loggerService } from '@logger'
 import store, { persistor } from '@renderer/store'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
@@ -11,6 +10,7 @@ import { ToastPortal } from './components/ToastPortal'
 import TopViewContainer from './components/TopView'
 import AntdProvider from './context/AntdProvider'
 import { CodeStyleProvider } from './context/CodeStyleProvider'
+import { HeroUIProvider } from './context/HeroUIProvider'
 import { NotificationProvider } from './context/NotificationProvider'
 import StyleSheetManager from './context/StyleSheetManager'
 import { ThemeProvider } from './context/ThemeProvider'
@@ -34,7 +34,7 @@ function App(): React.ReactElement {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <HeroUIProvider className="flex h-full w-full flex-1">
+        <HeroUIProvider>
           <StyleSheetManager>
             <ThemeProvider>
               <AntdProvider>
diff --git a/src/renderer/src/context/HeroUIProvider.tsx b/src/renderer/src/context/HeroUIProvider.tsx
new file mode 100644
index 0000000000..1a0f31a89b
--- /dev/null
+++ b/src/renderer/src/context/HeroUIProvider.tsx
@@ -0,0 +1,13 @@
+import { HeroUIProvider } from '@heroui/react'
+import { useSettings } from '@renderer/hooks/useSettings'
+
+const AppHeroUIProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const { language } = useSettings()
+  return (
+    <HeroUIProvider className="flex h-full w-full flex-1" locale={language}>
+      {children}
+    </HeroUIProvider>
+  )
+}
+
+export { AppHeroUIProvider as HeroUIProvider }