File Manager

Editing File: /home/markqprx/iniasli.pro/client/swagger/swagger-api-docs-page.tsx

import SwaggerUI from 'swagger-ui-react';
import 'swagger-ui-react/swagger-ui.css';
import {Settings} from '../core/settings/settings';
import {useMemo} from 'react';
import {Navbar} from '../ui/navigation/navbar/navbar';
import {Footer} from '../ui/footer/footer';
import {useSettings} from '../core/settings/use-settings';

export default function SwaggerApiDocsPage() {
  const settings = useSettings();

const plugins = useMemo(() => {
    return getPluginsConfig(settings);
  }, [settings]);

return (
    <div className="h-full overflow-y-auto bg-alt">
      <Navbar size="sm" />
      <div className="container mx-auto">
        <SwaggerUI
          url={`${settings.base_url}/swagger.yaml`}
          plugins={plugins}
          onComplete={system => {
            //scroll to Tickets/incomingEmail
            const hash = location.hash.slice(1);
            if (hash) {
              const el = document.querySelector(
                `#operations-${hash.replace(/\//g, '-')}`,
              );
              if (el) {
                el.scrollIntoView();
                el.querySelector('button')?.click();
              }
            }
          }}
        />
        <Footer className="px-20" />
      </div>
    </div>
  );
}

Back to Directory File Manager