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

feat: restart docker container

Browse source
This commit is contained in:
Aarnav Tale 2024-03-29 01:53:32 -04:00
parent 8148e242dc
commit abb957c573
No known key found for this signature in database
10 changed files with 115 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/routes/_data.dns._index/rename.tsx
View file

@ -2,6 +2,7 @@
/* eslint-disable unicorn/no-keyword-prefix */
import { Dialog } from '@headlessui/react'
import { useFetcher } from '@remix-run/react'
import clsx from 'clsx'
import { useState } from 'react'
type Properties = {
@ -14,7 +15,30 @@ export default function Modal({ name }: Properties) {
const fetcher = useFetcher()
return (
<>
<div className='flex flex-col w-2/3'>
<h1 className='text-2xl font-medium mb-4'>Tailnet Name</h1>
<p className='text-gray-700 dark:text-gray-300'>
This is the base domain name of your Tailnet.
Devices are accessible at
{' '}
<code className='bg-gray-100 dark:bg-zinc-700 p-0.5 rounded-md'>
[device].[user].{name}
</code>
{' '}
when Magic DNS is enabled.
</p>
<input
readOnly
className={clsx(
'my-4 px-3 py-2 border rounded-lg focus:ring-none w-2/3 font-mono text-sm',
'dark:bg-zinc-800 dark:text-white dark:border-zinc-700'
)}
type='text'
value={name}
onFocus={event => {
event.target.select()
}}
/>
<button
type='button'
className='rounded-lg px-3 py-2 bg-gray-800 text-white w-fit text-sm'
@ -32,7 +56,7 @@ export default function Modal({ name }: Properties) {
>
<div className='fixed inset-0 bg-black/30' aria-hidden='true'/>
<div className='fixed inset-0 flex w-screen items-center justify-center'>
<Dialog.Panel className='bg-white rounded-lg p-4 w-full max-w-md'>
<Dialog.Panel className='bg-white rounded-lg p-4 w-full max-w-md dark:bg-zinc-800'>
<Dialog.Title className='text-lg font-bold'>
Rename {name}
</Dialog.Title>
@ -43,7 +67,7 @@ export default function Modal({ name }: Properties) {
</Dialog.Description>
<input
type='text'
className='border rounded-lg p-2 w-full mt-4'
className='border rounded-lg p-2 w-full mt-4 dark:bg-zinc-700 dark:text-white dark:border-zinc-700'
value={newName}
onChange={event => {
setNewName(event.target.value)
@ -69,6 +93,6 @@ export default function Modal({ name }: Properties) {
</Dialog.Panel>
</div>
</Dialog>
</>
</div>
)
}