fix and update

apps/docs/components/one-tap-code-tabs.tsx

@@ -1,30 +1,25 @@
 'use client';
 
-import { useEffect, useMemo, useState } from 'react';
-import { fetchPublicSettingsClient } from '@/lib/api';
-import { buildOneTapExamples, buildOneTapUrls } from '@/lib/one-tap-examples';
-import { resolveFrontendBase, resolveOAuthApiBase } from '@/lib/oauth-url';
+import { useMemo } from 'react';
+import { buildOneTapExamples } from '@/lib/one-tap-examples';
+import { useOneTapUrls } from '@/lib/use-one-tap-urls';
 import { CodeExampleTabs } from '@/components/code-example-tabs';
 
 export function OneTapCodeTabs() {
-  const [apiBase, setApiBase] = useState('http://localhost:3000');
-  const [frontendBase, setFrontendBase] = useState('http://localhost:3002');
-  const [projectName, setProjectName] = useState('MVK ID');
+  const { urls, loading, error, apiBase, frontendBase } = useOneTapUrls();
+  const examples = useMemo(() => (urls ? buildOneTapExamples(urls) : []), [urls]);
 
-  useEffect(() => {
-    void fetchPublicSettingsClient()
-      .then((settings) => {
-        setApiBase(resolveOAuthApiBase(settings));
-        setFrontendBase(resolveFrontendBase(settings));
-        if (settings.PROJECT_NAME?.trim()) {
-          setProjectName(settings.PROJECT_NAME.trim());
-        }
-      })
-      .catch(() => undefined);
-  }, []);
+  if (loading) {
+    return <p className="text-sm text-zinc-500 dark:text-zinc-400">Загрузка актуальных URL из настроек IdP…</p>;
+  }
 
-  const urls = useMemo(() => buildOneTapUrls(apiBase, frontendBase, projectName), [apiBase, frontendBase, projectName]);
-  const examples = useMemo(() => buildOneTapExamples(urls), [urls]);
+  if (error || !urls) {
+    return (
+      <p className="rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-900 dark:bg-amber-950/40 dark:text-amber-200">
+        {error ?? 'Не удалось построить примеры интеграции.'}
+      </p>
+    );
+  }
 
   return (
     <div className="space-y-3">
@@ -38,5 +33,4 @@ export function OneTapCodeTabs() {
       <CodeExampleTabs examples={examples} />
     </div>
   );
-
 }