wip(app): i18n

1 files changed, 5 insertions, 2 deletions

diff --git a/packages/app/src/components/settings-providers.tsx b/packages/app/src/components/settings-providers.tsx
index cf90b6c13..7b6ca1939 100644
--- a/packages/app/src/components/settings-providers.tsx
+++ b/packages/app/src/components/settings-providers.tsx
@@ -1,11 +1,14 @@
 import { Component } from "solid-js"
+import { useLanguage } from "@/context/language"
 
 export const SettingsProviders: Component = () => {
+  const language = useLanguage()
+
   return (
     <div class="flex flex-col h-full overflow-y-auto">
       <div class="flex flex-col gap-6 p-6 max-w-[600px]">
-        <h2 class="text-16-medium text-text-strong">Providers</h2>
-        <p class="text-14-regular text-text-weak">Provider settings will be configurable here.</p>
+        <h2 class="text-16-medium text-text-strong">{language.t("settings.providers.title")}</h2>
+        <p class="text-14-regular text-text-weak">{language.t("settings.providers.description")}</p>
       </div>
     </div>
   )