put federations in megastore

Author: futurepaul

e2e/routes.spec.ts

@@ -25,8 +25,8 @@ const settingsRoutes = [
     "/plus",
     "/restore",
     "/servers",
-    "/syncnostrcontacts"
-    "/managefederations"
+    "/syncnostrcontacts",
+    "/federations"
 ];
 
 const settingsRoutesPrefixed = settingsRoutes.map((route) => {
@@ -128,7 +128,7 @@ test("visit each route", async ({ page }) => {
     // Manage Federations
     await checkRoute(
         page,
-        "/settings/managefederations",
+        "/settings/federations",
         "Manage Federations",
         checklist
     );

src/components/AmountEditable.tsx

@@ -19,7 +19,6 @@ import currencySwap from "~/assets/icons/currency-swap.svg";
 import pencil from "~/assets/icons/pencil.svg";
 import { Button, FeesModal, InfoBox, InlineAmount, VStack } from "~/components";
 import { useI18n } from "~/i18n/context";
-import { Network } from "~/logic/mutinyWalletSetup";
 import { useMegaStore } from "~/state/megaStore";
 import { DIALOG_CONTENT, DIALOG_POSITIONER } from "~/styles/dialogs";
 import { Currency, fiatToSats, satsToFiat } from "~/utils";
@@ -404,17 +403,13 @@ export const AmountEditable: ParentComponent<{
     });
 
     const warningText = () => {
+        if (state.federations?.length !== 0) {
+            return undefined;
+        }
         if ((state.balance?.lightning || 0n) === 0n) {
-            const network = state.mutiny_wallet?.get_network() as Network;
-            if (network === "bitcoin") {
-                return i18n.t("receive.amount_editable.receive_too_small", {
-                    amount: "100,000"
-                });
-            } else {
-                return i18n.t("receive.amount_editable.receive_too_small", {
-                    amount: "10,000"
-                });
-            }
+            return i18n.t("receive.amount_editable.receive_too_small", {
+                amount: "100,000"
+            });
         }
 
         const parsed = Number(localSats());

src/components/BalanceBox.tsx

@@ -1,5 +1,5 @@
 import { A, useNavigate } from "@solidjs/router";
-import { createResource, Match, Show, Suspense, Switch } from "solid-js";
+import { Match, Show, Switch } from "solid-js";
 
 import shuffle from "~/assets/icons/shuffle.svg";
 import {
@@ -91,10 +91,25 @@ export function BalanceBox(props: { loading?: boolean }) {
                         </Match>
                     </Switch>
                 </Show>
-                <Show when={!props.loading && !state.safe_mode}>
-                    <Suspense>
-                        <FederationsBalance />
-                    </Suspense>
+                <Show when={state.federations && state.federations.length}>
+                    <Show when={!props.loading} fallback={<LoadingShimmer />}>
+                        <hr class="my-2 border-m-grey-750" />
+                        <div class="flex flex-col gap-1">
+                            <div class="text-2xl">
+                                <AmountSats
+                                    amountSats={state.balance?.federation || 0}
+                                    icon="community"
+                                    denominationSize="lg"
+                                />
+                            </div>
+                            <div class="text-lg text-white/70">
+                                <AmountFiat
+                                    amountSats={state.balance?.federation || 0n}
+                                    denominationSize="sm"
+                                />
+                            </div>
+                        </div>
+                    </Show>
                 </Show>
                 <hr class="my-2 border-m-grey-750" />
                 <Show when={!props.loading} fallback={<LoadingShimmer />}>
@@ -157,39 +172,3 @@ export function BalanceBox(props: { loading?: boolean }) {
         </>
     );
 }
-
-function FederationsBalance() {
-    const [state, _actions] = useMegaStore();
-
-    async function fetchFederations() {
-        const result = await state.mutiny_wallet?.list_federations();
-        return result ?? [];
-    }
-
-    const [federations] = createResource(fetchFederations);
-
-    return (
-        <Show when={federations() && federations().length}>
-            <hr class="my-2 border-m-grey-750" />
-            <Switch>
-                <Match when={true}>
-                    <div class="flex flex-col gap-1">
-                        <div class="text-2xl">
-                            <AmountSats
-                                amountSats={state.balance?.federation || 0}
-                                icon="community"
-                                denominationSize="lg"
-                            />
-                        </div>
-                        <div class="text-lg text-white/70">
-                            <AmountFiat
-                                amountSats={state.balance?.federation || 0n}
-                                denominationSize="sm"
-                            />
-                        </div>
-                    </div>
-                </Match>
-            </Switch>
-        </Show>
-    );
-}

src/i18n/en/translations.ts

@@ -538,10 +538,15 @@ export default {
             federation_code_label: "Federation code",
             federation_code_required: "Federation code can't be blank",
             federation_added_success: "Federation added successfully",
+            federation_remove_confirm:
+                "Are you sure you want to remove this federation? Make sure any funds you have are transferred to your lightning balance or another wallet first.",
             add: "Add",
             remove: "Remove",
             expires: "Expires",
-            federation_id: "Federation ID"
+            federation_id: "Federation ID",
+            description:
+                "Mutiny has experimental support for the Fedimint protocol. You'll need a federation invite code to use this feature. These funds are currently not backed up remotely. Store funds in a federation at your own risk!",
+            learn_more: "Learn more about Fedimint."
         },
         gift: {
             give_sats_link: "Give sats as a gift",

src/router.tsx

@@ -26,12 +26,12 @@ import {
     EmergencyKit,
     Encrypt,
     Gift,
+    ManageFederations,
     Plus,
     Restore,
     Servers,
     Settings,
-    SyncNostrContacts,
-    ManageFederations
+    SyncNostrContacts
 } from "~/routes/settings";
 
 import { useMegaStore } from "./state/megaStore";
@@ -119,7 +119,10 @@ export function Router() {
                             path="/syncnostrcontacts"
                             component={SyncNostrContacts}
                         />
-                        <Route path="/managefederations" component={ManageFederations} />
+                        <Route
+                            path="/federations"
+                            component={ManageFederations}
+                        />
                     </Route>
                     <Route path="/*all" component={NotFound} />
                 </Routes>