82 lines
2.2 KiB
JavaScript
82 lines
2.2 KiB
JavaScript
import React from "react";
|
|
import QuickActionsBar from "./QuickActionsBar.jsx";
|
|
import NowStatusCard from "./NowStatusCard.jsx";
|
|
import ChecklistCard from "./ChecklistCard.jsx";
|
|
import MainTabs from "./MainTabs.jsx";
|
|
import TaskSettingsTab from "./TaskSettingsTab.jsx";
|
|
import MainTabContent from "./MainTabContent.jsx";
|
|
import TestRunCard from "./TestRunCard.jsx";
|
|
import useTabProps from "../hooks/useTabProps.js";
|
|
|
|
const AccountsTab = React.lazy(() => import("../tabs/AccountsTab.jsx"));
|
|
const LogsTab = React.lazy(() => import("../tabs/LogsTab.jsx"));
|
|
const QueueTab = React.lazy(() => import("../tabs/QueueTab.jsx"));
|
|
const EventsTab = React.lazy(() => import("../tabs/EventsTab.jsx"));
|
|
const ApiTraceTab = React.lazy(() => import("../tabs/ApiTraceTab.jsx"));
|
|
const SettingsTab = React.lazy(() => import("../tabs/SettingsTab.jsx"));
|
|
|
|
export default function AppMain({
|
|
quickActions,
|
|
nowStatus,
|
|
testRun,
|
|
runTestLive,
|
|
checklist,
|
|
tabs,
|
|
taskSettings,
|
|
accountsTab,
|
|
logsTab,
|
|
queueTab,
|
|
apiTraceTab,
|
|
eventsTab,
|
|
settingsTab
|
|
}) {
|
|
const {
|
|
taskSettingsProps,
|
|
accountsTabProps,
|
|
logsTabProps,
|
|
queueTabProps,
|
|
apiTraceTabProps,
|
|
eventsTabProps,
|
|
settingsTabProps
|
|
} = useTabProps(taskSettings, accountsTab, logsTab, queueTab, apiTraceTab, eventsTab, settingsTab);
|
|
|
|
return (
|
|
<div className="main">
|
|
<QuickActionsBar
|
|
{...quickActions}
|
|
/>
|
|
<NowStatusCard
|
|
{...nowStatus}
|
|
/>
|
|
<TestRunCard
|
|
testRun={testRun}
|
|
onRunSafe={quickActions.runTestSafe}
|
|
onRunLive={runTestLive}
|
|
/>
|
|
<ChecklistCard
|
|
{...checklist}
|
|
/>
|
|
<MainTabs
|
|
{...tabs}
|
|
/>
|
|
<MainTabContent
|
|
activeTab={tabs.activeTab}
|
|
TaskSettingsTab={TaskSettingsTab}
|
|
AccountsTab={AccountsTab}
|
|
LogsTab={LogsTab}
|
|
QueueTab={QueueTab}
|
|
EventsTab={EventsTab}
|
|
ApiTraceTab={ApiTraceTab}
|
|
SettingsTab={SettingsTab}
|
|
taskSettingsProps={taskSettingsProps}
|
|
accountsTabProps={accountsTabProps}
|
|
logsTabProps={logsTabProps}
|
|
queueTabProps={queueTabProps}
|
|
apiTraceTabProps={apiTraceTabProps}
|
|
eventsTabProps={eventsTabProps}
|
|
settingsTabProps={settingsTabProps}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|