first commit

common/resources/client/admin/logging/logs-page.tsx

@@ -0,0 +1,29 @@
+import {Tabs} from '@common/ui/tabs/tabs';
+import {Tab} from '@common/ui/tabs/tab';
+import {Trans} from '@common/i18n/trans';
+import {TabList} from '@common/ui/tabs/tab-list';
+import {Link, Outlet, useLocation} from 'react-router-dom';
+
+const tabs = ['schedule', 'error', 'outgoing-email'];
+
+export function LogsPage() {
+  const {pathname} = useLocation();
+  const activeTab = pathname.split('/').pop() as string;
+  const activeIndex = tabs.includes(activeTab) ? tabs.indexOf(activeTab) : 0;
+  return (
+    <Tabs className="p-12 md:p-24" selectedTab={activeIndex}>
+      <TabList>
+        <Tab elementType={Link} to="/admin/logs/schedule" replace>
+          <Trans message="Schedule" />
+        </Tab>
+        <Tab elementType={Link} to="/admin/logs/error" replace>
+          <Trans message="Error" />
+        </Tab>
+        <Tab elementType={Link} to="/admin/logs/outgoing-email" replace>
+          <Trans message="Email" />
+        </Tab>
+      </TabList>
+      <Outlet />
+    </Tabs>
+  );
+}