metis-desk/apps/web/src/app.tsx

import { CompaniesWorkspace } from "@metis/companies/client";
import { IdentityWorkspace, identityApi, identityKeys } from "@metis/identity/client";
import { DialogHelpLabelsContext } from "@repo/rdx-ui/lib/dialog-help-context";
import { useQuery } from "@tanstack/react-query";
import { useTranslation } from "react-i18next";

import { LanguageSwitcher } from "./language-switcher";
import { useAppNavigation } from "./navigation/use-app-navigation";

export function App() {
  const { t } = useTranslation("core");
  const session = useQuery({
    queryKey: identityKeys.session,
    queryFn: identityApi.session,
    retry: false,
  });

  useAppNavigation(session.data);

  return (
    <DialogHelpLabelsContext.Provider
      value={{
        help: t("dialogHelp.help"),
        closeHelp: t("dialogHelp.closeHelp"),
        backToForm: t("dialogHelp.backToForm"),
        closeDialog: t("dialogHelp.closeDialog"),
      }}
    >
      <div className="min-h-dvh bg-shell-content">
        <IdentityWorkspace
          renderWorkspace={(snapshot, accountNavigation, administrationContent) => (
            <CompaniesWorkspace
              accountNavigation={accountNavigation}
              administrationContent={administrationContent}
              canManageUsers={snapshot.user?.isInitialAdmin ?? false}
              languageSwitcher={<LanguageSwitcher />}
              userName={snapshot.user?.name ?? ""}
            />
          )}
        >
          {null}
        </IdentityWorkspace>
      </div>
    </DialogHelpLabelsContext.Provider>
  );
}