.gitignore

@@ -1,4 +0,0 @@
-/node_modules/
-/public/build/
-
-.DS_Store

src/App.svelte

@@ -2,6 +2,19 @@
 
   export let name;
 
+  import { Styles,
+           Container,
+           Row,
+           Col,
+           Card, CardBody, CardHeader, CardTitle,
+           Button,
+           Tooltip,
+           Icon,
+           InputGroup,
+           Nav, NavItem, NavLink,
+	   Modal, ModalHeader, ModalBody, ModalFooter,
+         } from 'sveltestrap';
+
   import SiteHead from './SiteHead.svelte';
   import SiteCard from './SiteCard.svelte';
   import SiteDeck from './SiteDeck.svelte';
@@ -216,3 +229,5 @@
 </SiteDeck>
 
 <PayFlow bind:lnurl={getInvoiceFor}/>
+
+<!-- <Styles/> -->

src/PayFlow.svelte

@@ -1,7 +1,17 @@
 <script>
-  import {
+    import { Styles,
-    Modal, ModalHeader, ModalBody, ModalFooter,
+           Container,
-  } from 'sveltestrap';
+           Row,
+           Col,
+           Card, CardBody, CardHeader, CardTitle,
+           Button,
+           Tooltip,
+           Icon,
+             InputGroup,
+	     Input,
+           Nav, NavItem, NavLink,
+	   Modal, ModalHeader, ModalBody, ModalFooter,
+         } from 'sveltestrap';
 
   import InputMask from './InputMask.svelte';
   import QR from './QR.svelte';
@@ -78,14 +88,9 @@
   }
   const canShare = !!navigator.share;
 
-  const dismiss = () => {
-    lnurl=undefined;
-    isOpen=false
-  }
-
 </script>
 
-<Modal {isOpen} toggle={dismiss} size='lg'>
+<Modal {isOpen} size='lg'>
   <ModalHeader>BOLT11 invoice: {stage}</ModalHeader>
   <ModalBody>
     {#if confirmAmount}
@@ -158,7 +163,8 @@
       {/if}
       <button
 	class="btn btn-outline-primary"
-	type="button" on:click="{dismiss}">Cancel</button>
+	type="button" on:click="{()=>{isOpen=false; lnurl = null}}">Cancel</button>
     </div>
+
   </ModalFooter>
 </Modal>