ashwin/nxtgauge-admin-solid
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(admin): apply Next-style navigation shell to create flows

Browse source
This commit is contained in:
Ashwin Kumar 2026-03-19 13:58:42 +01:00
parent 0e509713f5
commit 94f40d194b
3 changed files with 28 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/routes/admin/onboarding-schemas/new.tsx
View file

@ -1,4 +1,4 @@
import { useNavigate } from '@solidjs/router'; import { A, useNavigate } from '@solidjs/router';
import { createMemo, createSignal, For, Show } from 'solid-js'; import { createMemo, createSignal, For, Show } from 'solid-js';
import AdminShell from '~/components/AdminShell'; import AdminShell from '~/components/AdminShell';
@ -103,12 +103,18 @@ export default function CreateOnboardingFlowPage() {
return ( return (
<AdminShell> <AdminShell>
<div class="page-actions"> <nav class="admin-link-tabs" aria-label="Onboarding Management Navigation">
<A class="admin-link-tab active" href="/admin/onboarding-schemas">Onboarding Schemas</A>
<A class="admin-link-tab" href="/admin/runtime-roles">External Runtime Roles</A>
<A class="admin-link-tab" href="/admin/roles">Internal Roles</A>
</nav>
<div class="page-hero-card page-actions">
<div> <div>
<h1 class="page-title">Create Onboarding Flow</h1> <h1 class="page-title">Create Onboarding Flow</h1>
<p class="page-subtitle">Build one onboarding flow at a time. Start with the role, add steps, then configure fields for each step.</p> <p class="page-subtitle">Build one onboarding flow at a time. Start with the role, add steps, then configure fields for each step.</p>
</div> </div>
<a class="btn" href="/admin/onboarding-schemas">Back to Onboarding</a> <A class="btn" href="/admin/onboarding-schemas">Back to Onboarding</A>
</div> </div>
<Show when={error()}> <Show when={error()}>

12
src/routes/admin/roles/create.tsx
View file

@ -1,4 +1,4 @@
import { useNavigate } from '@solidjs/router'; import { A, useNavigate } from '@solidjs/router';
import { createMemo, createResource, createSignal, Show } from 'solid-js'; import { createMemo, createResource, createSignal, Show } from 'solid-js';
import AdminShell from '~/components/AdminShell'; import AdminShell from '~/components/AdminShell';
@ -90,14 +90,20 @@ export default function CreateInternalRolePage() {
return ( return (
<AdminShell> <AdminShell>
<div class="page-actions"> <div class="page-hero-card page-actions">
<div> <div>
<h1 class="page-title">Create Internal Role</h1> <h1 class="page-title">Create Internal Role</h1>
<p class="page-subtitle">Add a new internal role with module access and permissions.</p> <p class="page-subtitle">Add a new internal role with module access and permissions.</p>
</div> </div>
<a class="btn" href="/admin/roles">Back to Roles</a> <A class="btn" href="/admin/roles">Back to Roles</A>
</div> </div>
<nav class="admin-link-tabs" aria-label="Role Management Navigation">
<A class="admin-link-tab active" href="/admin/roles">Internal Roles</A>
<A class="admin-link-tab" href="/admin/runtime-roles">External Runtime Roles</A>
<A class="admin-link-tab" href="/admin/onboarding-schemas">Onboarding Schemas</A>
</nav>
<Show when={error()}> <Show when={error()}>
<div class="error-box">{error()}</div> <div class="error-box">{error()}</div>
</Show> </Show>

14
src/routes/admin/runtime-roles/new.tsx
View file

@ -1,4 +1,4 @@
import { useNavigate } from '@solidjs/router'; import { A, useNavigate } from '@solidjs/router';
import { createSignal, Show } from 'solid-js'; import { createSignal, Show } from 'solid-js';
import AdminShell from '~/components/AdminShell'; import AdminShell from '~/components/AdminShell';
@ -81,14 +81,20 @@ export default function CreateExternalRolePage() {
return ( return (
<AdminShell> <AdminShell>
<div class="page-actions"> <div class="page-hero-card page-actions">
<div> <div>
<h1 class="page-title">Create Runtime Role</h1> <h1 class="page-title">Create Runtime Role</h1>
<p class="page-subtitle">Create an API-backed runtime role for the external workspace shell.</p> <p class="page-subtitle">Create an API-backed runtime role for the external runtime shell.</p>
</div> </div>
<a class="btn" href="/admin/runtime-roles">Back to Runtime Roles</a> <A class="btn" href="/admin/runtime-roles">Back to Runtime Roles</A>
</div> </div>
<nav class="admin-link-tabs" aria-label="External Management Navigation">
<A class="admin-link-tab active" href="/admin/runtime-roles">External Runtime Roles</A>
<A class="admin-link-tab" href="/admin/onboarding-schemas">Onboarding Schemas</A>
<A class="admin-link-tab" href="/admin/roles">Internal Roles</A>
</nav>
<Show when={error()}> <Show when={error()}>
<div class="error-box">{error()}</div> <div class="error-box">{error()}</div>
</Show> </Show>