rsp2k/headplane
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: implement better ssr fallbacks

Browse source
This commit is contained in:
Aarnav Tale 2024-04-17 17:42:44 -04:00
parent 94174ebcce
commit 0ff9e6fdc3
No known key found for this signature in database
4 changed files with 100 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/routes/_data.acls._index/route.tsx
View file

@ -13,6 +13,7 @@ import { sighupHeadscale } from '~/utils/docker'
import { getSession } from '~/utils/sessions'
import Editor from './editor'
import Fallback from './fallback'
export async function loader() {
const context = await getContext()
@ -146,14 +147,14 @@ export default function Page() {
</Tab.List>
<Tab.Panels>
<Tab.Panel>
<ClientOnly>
<ClientOnly fallback={<Fallback acl={acl} where='server'/>}>
{() => (
<Editor data={data} acl={acl} setAcl={setAcl} mode='edit'/>
)}
</ClientOnly>
</Tab.Panel>
<Tab.Panel>
<ClientOnly>
<ClientOnly fallback={<Fallback acl={acl} where='server'/>}>
{() => (
<Editor data={data} acl={acl} setAcl={setAcl} mode='diff'/>
)}
@ -170,7 +171,7 @@ export default function Page() {
<CubeTransparentIcon className='w-24 h-24 text-gray-300 dark:text-gray-500'/>
<p className='w-1/2 text-center mt-4'>
The Preview rules is very much still a work in progress.
It's a bit complicated to implement right now but hopefully it will be available soon.
It is a bit complicated to implement right now but hopefully it will be available soon.
</p>
</div>
</Tab.Panel>