feat: export admin page as a component and consume it in apps/admin

web/apps/admin/src/pages/admins/AdminsPage.tsx

@@ -0,0 +1,5 @@
+import { AdminsView } from "@raystack/frontier/admin";
+
+export function AdminsPage() {
+  return <AdminsView />;
+}

web/apps/admin/src/routes.tsx

@@ -21,7 +21,7 @@ import { ProductPricesPage } from "./pages/products/ProductPricesPage";
 import { RolesPage } from "./pages/roles/RolesPage";
 
 import { AppContext } from "./contexts/App";
-import { SuperAdminList } from "./containers/super_admins/list";
+import { AdminsPage } from "./pages/admins/AdminsPage";
 import WebhooksList from "./containers/webhooks";
 import CreateWebhooks from "./containers/webhooks/create";
 import UpdateWebhooks from "./containers/webhooks/update";
@@ -104,7 +104,7 @@ export default memo(function AppRoutes() {
         </Route>
 
         <Route path="invoices" element={<InvoicesPage />} />
-        <Route path="super-admins" element={<SuperAdminList />} />
+        <Route path="super-admins" element={<AdminsPage />} />
         <Route path="webhooks" element={<WebhooksList />}>
           <Route path="create" element={<CreateWebhooks />} />
           <Route path=":webhookId" element={<UpdateWebhooks />} />

web/apps/admin/vite.config.ts

@@ -5,6 +5,7 @@ import tsconfigPaths from "vite-tsconfig-paths";
 import svgr from "vite-plugin-svgr";
 dotenv.config();
 
+
 // https://vitejs.dev/config/
 export default defineConfig(() => {
   return {

web/lib/admin/index.ts

@@ -5,6 +5,7 @@ export { default as RolesView } from "./views/roles";
 export { default as InvoicesView } from "./views/invoices";
 export { ProductsView, ProductPricesView } from "./views/products/exports";
 export { default as AuditLogsView } from "./views/audit-logs";
+export { default as AdminsView } from "./views/admins";
 
 // utils exports
 export {

web/lib/admin/utils/connect-timestamp.ts

@@ -12,4 +12,5 @@ export function isNullTimestamp(timestamp?: Timestamp): boolean {
   if (!timestamp) return true;
   return Number(timestamp.seconds) <= 0;
 }
+
 export type TimeStamp = Timestamp;

web/apps/admin/src/containers/super_admins/list.tsx → web/lib/admin/views/admins/index.tsx

@@ -1,10 +1,10 @@
 import { DataTable, EmptyState, Flex } from "@raystack/apsara";
 import { getColumns } from "./columns";
-import styles from "./super_admins.module.css";
+import styles from "./admins.module.css";
 import { useQuery } from "@connectrpc/connect-query";
 import { AdminServiceQueries } from "@raystack/proton/frontier";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
-import PageHeader from "~/components/page-header";
+import { PageHeader } from "../../components/PageHeader";
 
 const pageHeader = {
   title: "Super Admins",
@@ -21,7 +21,7 @@ const NoAdmins = () => {
   );
 };
 
-export function SuperAdminList() {
+export default function AdminsView() {
   const {
     data: platformUsersData,
     isLoading,