From a7fb3b9a51ee3e353e89758b814f034c954a4ace Mon Sep 17 00:00:00 2001
From: Paul Miller <paul@paul.lol>
Date: Mon, 26 Feb 2024 21:36:27 +0000
Subject: [PATCH] add qr code to fedimint screen

---
 src/routes/settings/ManageFederations.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/routes/settings/ManageFederations.tsx b/src/routes/settings/ManageFederations.tsx
index 3acafec..ddbe370 100644
--- a/src/routes/settings/ManageFederations.tsx
+++ b/src/routes/settings/ManageFederations.tsx
@@ -17,6 +17,7 @@ import {
     Suspense,
     Switch
 } from "solid-js";
+import { QRCodeSVG } from "solid-qr-code";
 
 import {
     AmountSats,
@@ -50,6 +51,7 @@ export type MutinyFederationIdentity = {
     federation_name: string;
     welcome_message: string;
     federation_expiry_timestamp: number;
+    invite_code: string;
 };
 
 type RefetchType = (
@@ -215,9 +217,17 @@ function FederationListItem(props: {
                 >
                     <MiniStringShower text={props.fed.federation_id} />
                 </KeyValue>
-                <Button intent="red" onClick={confirmRemove}>
-                    {i18n.t("settings.manage_federations.remove")}
-                </Button>
+                <VStack>
+                    <div class="w-full rounded-xl bg-white">
+                        <QRCodeSVG
+                            value={props.fed.invite_code}
+                            class="h-full max-h-[256px] w-full p-8"
+                        />
+                    </div>
+                    <Button intent="red" onClick={confirmRemove}>
+                        {i18n.t("settings.manage_federations.remove")}
+                    </Button>
+                </VStack>
             </FancyCard>
             <ConfirmDialog
                 loading={confirmLoading()}