aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-17 06:14:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

update to check whether profiles already exist and update button text accordingly

Browse Source 
Tested working updated logic for connection button based on profiles existing

cleanup
This commit is contained in:
djschnei21
2024-04-17 10:09:35 -04:00
committed by Tony Giorgio
parent 07a6d12177
commit 9cde7910b1
1 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/PendingNwc.tsx
View File

@@ -6,9 +6,7 @@ import {
createResource, createResource,
createSignal, createSignal,
For, For,
Match, Show
Show,
Switch
} from "solid-js"; } from "solid-js";
import { ButtonCard, GenericItem, InfoBox, NiceP } from "~/components"; import { ButtonCard, GenericItem, InfoBox, NiceP } from "~/components";
@@ -37,8 +35,11 @@ export function PendingNwc() {
const navigate = useNavigate(); const navigate = useNavigate();
const [hasPreConfiguredNWC, setHasPreConfiguredNWC] = createSignal(false);
async function fetchPendingRequests() { async function fetchPendingRequests() {
const profiles = await sw.get_nwc_profiles(); const profiles = await sw.get_nwc_profiles();
setHasPreConfiguredNWC(!!profiles && profiles.length > 0);
if (!profiles) return []; if (!profiles) return [];
const contacts: TagItem[] | undefined = await sw.get_contacts_sorted(); const contacts: TagItem[] | undefined = await sw.get_contacts_sorted();
@@ -159,18 +160,22 @@ export function PendingNwc() {
}); });
return ( return (
<Switch> <>
<Match <ButtonCard onClick={() => navigate("/settings/connections")}>
<div class="flex items-center gap-2">
<PlugZap class="inline-block text-m-red" />
<NiceP>
{hasPreConfiguredNWC()
? i18n.t("home.connection_edit")
: i18n.t("home.connection")}
</NiceP>
</div>
</ButtonCard>
<Show
when={ when={
pendingRequests.latest && pendingRequests.latest!.length > 0 pendingRequests.latest && pendingRequests.latest!.length > 0
} }
> >
<ButtonCard onClick={() => navigate("/settings/connections")}>
<div class="flex items-center gap-2">
<PlugZap class="inline-block text-m-red" />
<NiceP>{i18n.t("home.connection_edit")}</NiceP>
</div>
</ButtonCard>
<div class="flex w-full justify-around"> <div class="flex w-full justify-around">
<button <button
class="flex items-center gap-1 font-semibold text-m-green active:-mb-[1px] active:mt-[1px] active:text-m-green/80" class="flex items-center gap-1 font-semibold text-m-green active:-mb-[1px] active:mt-[1px] active:text-m-green/80"
@@ -199,7 +204,6 @@ export function PendingNwc() {
<Show when={error()}> <Show when={error()}>
<InfoBox accent="red">{error()?.message}</InfoBox> <InfoBox accent="red">{error()?.message}</InfoBox>
</Show> </Show>
<For each={pendingRequests.latest}> <For each={pendingRequests.latest}>
{(pendingItem) => ( {(pendingItem) => (
<GenericItem <GenericItem
@@ -218,15 +222,7 @@ export function PendingNwc() {
)} )}
</For> </For>
</div> </div>
</Match> </Show>
<Match when={true}> </>
<ButtonCard onClick={() => navigate("/settings/connections")}>
<div class="flex items-center gap-2">
<PlugZap class="inline-block text-m-red" />
<NiceP>{i18n.t("home.connection")}</NiceP>
</div>
</ButtonCard>
</Match>
</Switch>
); );
} }