aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-18 23:04:25 +01:00
Code Issues Packages Projects Releases Wiki Activity

add tags list to kitchensink

Browse Source
This commit is contained in:
Paul Miller
2023-05-11 10:54:48 -05:00
parent 80c5af1489
commit cbd990d820
1 changed files with 33 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/KitchenSink.tsx
View File

@@ -110,7 +110,7 @@ function ConnectPeer(props: { refetchPeers: RefetchPeersType }) {
<form class="flex flex-col gap-4" onSubmit={onSubmit} > <form class="flex flex-col gap-4" onSubmit={onSubmit} >
<TextField.Root <TextField.Root
value={value()} value={value()}
onValueChange={setValue} onChange={setValue}
validationState={(value() == "" || value().startsWith("mutiny:")) ? "valid" : "invalid"} validationState={(value() == "" || value().startsWith("mutiny:")) ? "valid" : "invalid"}
class="flex flex-col gap-4" class="flex flex-col gap-4"
> >
@@ -259,7 +259,7 @@ function OpenChannel(props: { refetchChannels: RefetchChannelsListType }) {
<form class="flex flex-col gap-4" onSubmit={onSubmit} > <form class="flex flex-col gap-4" onSubmit={onSubmit} >
<TextField.Root <TextField.Root
value={peerPubkey()} value={peerPubkey()}
onValueChange={setPeerPubkey} onChange={setPeerPubkey}
class="flex flex-col gap-2" class="flex flex-col gap-2"
> >
<TextField.Label class="text-sm font-semibold uppercase" >Pubkey</TextField.Label> <TextField.Label class="text-sm font-semibold uppercase" >Pubkey</TextField.Label>
@@ -267,7 +267,7 @@ function OpenChannel(props: { refetchChannels: RefetchChannelsListType }) {
</TextField.Root> </TextField.Root>
<TextField.Root <TextField.Root
value={amount()} value={amount()}
onValueChange={setAmount} onChange={setAmount}
class="flex flex-col gap-2" class="flex flex-col gap-2"
> >
<TextField.Label class="text-sm font-semibold uppercase" >Amount</TextField.Label> <TextField.Label class="text-sm font-semibold uppercase" >Amount</TextField.Label>
@@ -313,7 +313,7 @@ function LnUrlAuth() {
<form class="flex flex-col gap-4" onSubmit={onSubmit} > <form class="flex flex-col gap-4" onSubmit={onSubmit} >
<TextField.Root <TextField.Root
value={value()} value={value()}
onValueChange={setValue} onChange={setValue}
validationState={(value() == "" || value().toLowerCase().startsWith("lnurl")) ? "valid" : "invalid"} validationState={(value() == "" || value().toLowerCase().startsWith("lnurl")) ? "valid" : "invalid"}
class="flex flex-col gap-4" class="flex flex-col gap-4"
> >
@@ -327,6 +327,32 @@ function LnUrlAuth() {
) )
} }
function ListTags() {
const [_state, actions] = useMegaStore()
const [tags] = createResource(actions.listTags)
return (
<Collapsible.Root>
<Collapsible.Trigger class="w-full">
<h2 class="truncate text-start text-lg font-mono bg-neutral-200 text-black rounded px-4 py-2">
{">"} Tags
</h2>
</Collapsible.Trigger>
<Collapsible.Content>
<VStack>
<pre class="overflow-x-auto whitespace-pre-wrap break-all">
{JSON.stringify(tags(), null, 2)}
</pre>
</VStack>
</Collapsible.Content>
</Collapsible.Root>
)
}
export default function KitchenSink() { export default function KitchenSink() {
@@ -339,6 +365,9 @@ export default function KitchenSink() {
<ChannelsList /> <ChannelsList />
<Hr /> <Hr />
<LnUrlAuth /> <LnUrlAuth />
<Hr />
<ListTags />
<Hr /> <Hr />
<ImportExport /> <ImportExport />
</Card> </Card>