diff --git a/__init__.py b/__init__.py
index be5149f..4870562 100644
--- a/__init__.py
+++ b/__init__.py
@@ -27,6 +27,6 @@ from .tasks import wait_for_paid_invoices
 from .views import *
 from .views_api import *
 
-def temp_start():
+def myextension_start():
     loop = asyncio.get_event_loop()
     loop.create_task(catch_everything_and_restart(wait_for_paid_invoices))
\ No newline at end of file
diff --git a/__pycache__/__init__.cpython-39.pyc b/__pycache__/__init__.cpython-39.pyc
index 467dbcc..06b20b0 100644
Binary files a/__pycache__/__init__.cpython-39.pyc and b/__pycache__/__init__.cpython-39.pyc differ
diff --git a/__pycache__/crud.cpython-39.pyc b/__pycache__/crud.cpython-39.pyc
index 78b148c..d7c6ca9 100644
Binary files a/__pycache__/crud.cpython-39.pyc and b/__pycache__/crud.cpython-39.pyc differ
diff --git a/__pycache__/tasks.cpython-39.pyc b/__pycache__/tasks.cpython-39.pyc
index 2b6955b..1e4e1dc 100644
Binary files a/__pycache__/tasks.cpython-39.pyc and b/__pycache__/tasks.cpython-39.pyc differ
diff --git a/__pycache__/views_api.cpython-39.pyc b/__pycache__/views_api.cpython-39.pyc
index a2ad321..dcb8161 100644
Binary files a/__pycache__/views_api.cpython-39.pyc and b/__pycache__/views_api.cpython-39.pyc differ
diff --git a/config.json b/config.json
index 4a75bb2..4750a20 100644
--- a/config.json
+++ b/config.json
@@ -1,7 +1,7 @@
 {
   "name": "MyExtension",
   "short_description": "Minimal extension to build on",
-  "tile": "/myextension/static/image/myextension.png",
+  "tile": "/myextension/static/myextension.png",
   "contributors": ["arcbtc"],
   "min_lnbits_version": "0.0.1"
 }
diff --git a/crud.py b/crud.py
index a6bfe88..f5fde08 100644
--- a/crud.py
+++ b/crud.py
@@ -8,7 +8,7 @@ from loguru import logger
 from fastapi import Request
 from lnurl import encode as lnurl_encode
 
-async def create_myextension(wallet_id: str, data: CreateMyExtensionData) -> MyExtension:
+async def create_myextension(wallet_id: str, data: CreateMyExtensionData, req: Request) -> MyExtension:
     myextension_id = urlsafe_short_hash()
     await db.execute(
         """
@@ -23,21 +23,23 @@ async def create_myextension(wallet_id: str, data: CreateMyExtensionData) -> MyE
             data.lnurlwithdrawamount
         ),
     )
-    myextension = await get_myextension(myextension_id)
+    myextension = await get_myextension(myextension_id, req)
     assert myextension, "Newly created table couldn't be retrieved"
     return myextension
 
 
-async def get_myextension(myextension_id: str, req: Request) -> Optional[MyExtension]:
+async def get_myextension(myextension_id: str, req: Optional[Request] = None) -> Optional[MyExtension]:
+    logger.debug(myextension_id)
     row = await db.fetchone("SELECT * FROM myextension.maintable WHERE id = ?", (myextension_id,))
     if not row:
         return None
     rowAmended = MyExtension(**row)
-    rowAmended.lnurlpay = lnurl_encode(req.url_for("myextension.api_lnurl_pay", myextension_id=row.id)._url)
-    rowAmended.lnurlwithdraw = lnurl_encode(req.url_for("myextension.api_lnurl_withdraw", myextension_id=row.id)._url)
+    if req:
+        rowAmended.lnurlpay = lnurl_encode(req.url_for("myextension.api_lnurl_pay", myextension_id=row.id)._url)
+        rowAmended.lnurlwithdraw = lnurl_encode(req.url_for("myextension.api_lnurl_withdraw", myextension_id=row.id)._url)
     return rowAmended
 
-async def get_myextensions(wallet_ids: Union[str, List[str]], req: Request) -> List[MyExtension]:
+async def get_myextensions(wallet_ids: Union[str, List[str]], req: Optional[Request] = None) -> List[MyExtension]:
     if isinstance(wallet_ids, str):
         wallet_ids = [wallet_ids]
 
@@ -46,17 +48,19 @@ async def get_myextensions(wallet_ids: Union[str, List[str]], req: Request) -> L
         f"SELECT * FROM myextension.maintable WHERE wallet IN ({q})", (*wallet_ids,)
     )
     tempRows = [MyExtension(**row) for row in rows]
-    for row in tempRows:
-        row.lnurlpay = lnurl_encode(req.url_for("myextension.api_lnurl_pay", myextension_id=row.id)._url)
-        row.lnurlwithdraw = lnurl_encode(req.url_for("myextension.api_lnurl_withdraw", myextension_id=row.id)._url)
+    if req:
+        for row in tempRows:
+            row.lnurlpay = lnurl_encode(req.url_for("myextension.api_lnurl_pay", myextension_id=row.id)._url)
+            row.lnurlwithdraw = lnurl_encode(req.url_for("myextension.api_lnurl_withdraw", myextension_id=row.id)._url)
     return tempRows
 
-async def update_myextension(myextension_id: str, **kwargs) -> MyExtension:
+async def update_myextension(myextension_id: str, req: Optional[Request] = None, **kwargs) -> MyExtension:
     q = ", ".join([f"{field[0]} = ?" for field in kwargs.items()])
+    logger.debug( kwargs.items())
     await db.execute(
         f"UPDATE myextension.maintable SET {q} WHERE id = ?", (*kwargs.values(), myextension_id)
     )
-    myextension = await get_myextension(myextension_id)
+    myextension = await get_myextension(myextension_id, req)
     assert myextension, "Newly updated myextension couldn't be retrieved"
     return myextension
 
diff --git a/static/confetti.min.js b/static/confetti.min.js
new file mode 100644
index 0000000..0a09dd0
--- /dev/null
+++ b/static/confetti.min.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v5.3.5.
+ * Original file: /npm/canvas-confetti@1.4.0/dist/confetti.browser.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(t,e){!function t(e,n,a,i){var o=!!(e.Worker&&e.Blob&&e.Promise&&e.OffscreenCanvas&&e.OffscreenCanvasRenderingContext2D&&e.HTMLCanvasElement&&e.HTMLCanvasElement.prototype.transferControlToOffscreen&&e.URL&&e.URL.createObjectURL);function r(){}function l(t){var a=n.exports.Promise,i=void 0!==a?a:e.Promise;return"function"==typeof i?new i(t):(t(r,r),null)}var c,s,u,d,f,h,g,m,b=(u=Math.floor(1e3/60),d={},f=0,"function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame?(c=function(t){var e=Math.random();return d[e]=requestAnimationFrame((function n(a){f===a||f+u-1<a?(f=a,delete d[e],t()):d[e]=requestAnimationFrame(n)})),e},s=function(t){d[t]&&cancelAnimationFrame(d[t])}):(c=function(t){return setTimeout(t,u)},s=function(t){return clearTimeout(t)}),{frame:c,cancel:s}),v=(m={},function(){if(h)return h;if(!a&&o){var e=["var CONFETTI, SIZE = {}, module = {};","("+t.toString()+")(this, module, true, SIZE);","onmessage = function(msg) {","  if (msg.data.options) {","    CONFETTI(msg.data.options).then(function () {","      if (msg.data.callback) {","        postMessage({ callback: msg.data.callback });","      }","    });","  } else if (msg.data.reset) {","    CONFETTI.reset();","  } else if (msg.data.resize) {","    SIZE.width = msg.data.resize.width;","    SIZE.height = msg.data.resize.height;","  } else if (msg.data.canvas) {","    SIZE.width = msg.data.canvas.width;","    SIZE.height = msg.data.canvas.height;","    CONFETTI = module.exports.create(msg.data.canvas);","  }","}"].join("\n");try{h=new Worker(URL.createObjectURL(new Blob([e])))}catch(t){return void 0!==typeof console&&"function"==typeof console.warn&&console.warn("🎊 Could not load worker",t),null}!function(t){function e(e,n){t.postMessage({options:e||{},callback:n})}t.init=function(e){var n=e.transferControlToOffscreen();t.postMessage({canvas:n},[n])},t.fire=function(n,a,i){if(g)return e(n,null),g;var o=Math.random().toString(36).slice(2);return g=l((function(a){function r(e){e.data.callback===o&&(delete m[o],t.removeEventListener("message",r),g=null,i(),a())}t.addEventListener("message",r),e(n,o),m[o]=r.bind(null,{data:{callback:o}})}))},t.reset=function(){for(var e in t.postMessage({reset:!0}),m)m[e](),delete m[e]}}(h)}return h}),y={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:["square","circle"],zIndex:100,colors:["#26ccff","#a25afd","#ff5e7e","#88ff5a","#fcff42","#ffa62d","#ff36ff"],disableForReducedMotion:!1,scalar:1};function p(t,e,n){return function(t,e){return e?e(t):t}(t&&null!=t[e]?t[e]:y[e],n)}function M(t){return t<0?0:Math.floor(t)}function w(t){return parseInt(t,16)}function x(t){return t.map(C)}function C(t){var e=String(t).replace(/[^0-9a-f]/gi,"");return e.length<6&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),{r:w(e.substring(0,2)),g:w(e.substring(2,4)),b:w(e.substring(4,6))}}function k(t){t.width=document.documentElement.clientWidth,t.height=document.documentElement.clientHeight}function I(t){var e=t.getBoundingClientRect();t.width=e.width,t.height=e.height}function T(t,e,n,o,r){var c,s,u=e.slice(),d=t.getContext("2d"),f=l((function(e){function l(){c=s=null,d.clearRect(0,0,o.width,o.height),r(),e()}c=b.frame((function e(){!a||o.width===i.width&&o.height===i.height||(o.width=t.width=i.width,o.height=t.height=i.height),o.width||o.height||(n(t),o.width=t.width,o.height=t.height),d.clearRect(0,0,o.width,o.height),(u=u.filter((function(t){return function(t,e){e.x+=Math.cos(e.angle2D)*e.velocity+e.drift,e.y+=Math.sin(e.angle2D)*e.velocity+e.gravity,e.wobble+=.1,e.velocity*=e.decay,e.tiltAngle+=.1,e.tiltSin=Math.sin(e.tiltAngle),e.tiltCos=Math.cos(e.tiltAngle),e.random=Math.random()+5,e.wobbleX=e.x+10*e.scalar*Math.cos(e.wobble),e.wobbleY=e.y+10*e.scalar*Math.sin(e.wobble);var n=e.tick++/e.totalTicks,a=e.x+e.random*e.tiltCos,i=e.y+e.random*e.tiltSin,o=e.wobbleX+e.random*e.tiltCos,r=e.wobbleY+e.random*e.tiltSin;return t.fillStyle="rgba("+e.color.r+", "+e.color.g+", "+e.color.b+", "+(1-n)+")",t.beginPath(),"circle"===e.shape?t.ellipse?t.ellipse(e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):function(t,e,n,a,i,o,r,l,c){t.save(),t.translate(e,n),t.rotate(o),t.scale(a,i),t.arc(0,0,1,r,l,c),t.restore()}(t,e.x,e.y,Math.abs(o-a)*e.ovalScalar,Math.abs(r-i)*e.ovalScalar,Math.PI/10*e.wobble,0,2*Math.PI):(t.moveTo(Math.floor(e.x),Math.floor(e.y)),t.lineTo(Math.floor(e.wobbleX),Math.floor(i)),t.lineTo(Math.floor(o),Math.floor(r)),t.lineTo(Math.floor(a),Math.floor(e.wobbleY))),t.closePath(),t.fill(),e.tick<e.totalTicks}(d,t)}))).length?c=b.frame(e):l()})),s=l}));return{addFettis:function(t){return u=u.concat(t),f},canvas:t,promise:f,reset:function(){c&&b.cancel(c),s&&s()}}}function E(t,n){var a,i=!t,r=!!p(n||{},"resize"),c=p(n,"disableForReducedMotion",Boolean),s=o&&!!p(n||{},"useWorker")?v():null,u=i?k:I,d=!(!t||!s)&&!!t.__confetti_initialized,f="function"==typeof matchMedia&&matchMedia("(prefers-reduced-motion)").matches;function h(e,n,i){for(var o,r,l,c,s,d=p(e,"particleCount",M),f=p(e,"angle",Number),h=p(e,"spread",Number),g=p(e,"startVelocity",Number),m=p(e,"decay",Number),b=p(e,"gravity",Number),v=p(e,"drift",Number),y=p(e,"colors",x),w=p(e,"ticks",Number),C=p(e,"shapes"),k=p(e,"scalar"),I=function(t){var e=p(t,"origin",Object);return e.x=p(e,"x",Number),e.y=p(e,"y",Number),e}(e),E=d,S=[],F=t.width*I.x,N=t.height*I.y;E--;)S.push((o={x:F,y:N,angle:f,spread:h,startVelocity:g,color:y[E%y.length],shape:C[(c=0,s=C.length,Math.floor(Math.random()*(s-c))+c)],ticks:w,decay:m,gravity:b,drift:v,scalar:k},r=void 0,l=void 0,r=o.angle*(Math.PI/180),l=o.spread*(Math.PI/180),{x:o.x,y:o.y,wobble:10*Math.random(),velocity:.5*o.startVelocity+Math.random()*o.startVelocity,angle2D:-r+(.5*l-Math.random()*l),tiltAngle:Math.random()*Math.PI,color:o.color,shape:o.shape,tick:0,totalTicks:o.ticks,decay:o.decay,drift:o.drift,random:Math.random()+5,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:3*o.gravity,ovalScalar:.6,scalar:o.scalar}));return a?a.addFettis(S):(a=T(t,S,u,n,i)).promise}function g(n){var o=c||p(n,"disableForReducedMotion",Boolean),g=p(n,"zIndex",Number);if(o&&f)return l((function(t){t()}));i&&a?t=a.canvas:i&&!t&&(t=function(t){var e=document.createElement("canvas");return e.style.position="fixed",e.style.top="0px",e.style.left="0px",e.style.pointerEvents="none",e.style.zIndex=t,e}(g),document.body.appendChild(t)),r&&!d&&u(t);var m={width:t.width,height:t.height};function b(){if(s){var e={getBoundingClientRect:function(){if(!i)return t.getBoundingClientRect()}};return u(e),void s.postMessage({resize:{width:e.width,height:e.height}})}m.width=m.height=null}function v(){a=null,r&&e.removeEventListener("resize",b),i&&t&&(document.body.removeChild(t),t=null,d=!1)}return s&&!d&&s.init(t),d=!0,s&&(t.__confetti_initialized=!0),r&&e.addEventListener("resize",b,!1),s?s.fire(n,m,v):h(n,m,v)}return g.reset=function(){s&&s.reset(),a&&a.reset()},g}n.exports=E(null,{useWorker:!0,resize:!0}),n.exports.create=E}(function(){return void 0!==t?t:"undefined"!=typeof self?self:this||{}}(),e,!1),t.confetti=e.exports}(window,{});
+//# sourceMappingURL=/sm/3d17452464e7344caa152082ab03b3013560da4b254d3bbebc71c00e84e8ab0b.map
\ No newline at end of file
diff --git a/static/image/myextension.png b/static/myextension.png
similarity index 100%
rename from static/image/myextension.png
rename to static/myextension.png
diff --git a/tasks.py b/tasks.py
index 0304cce..ea1c099 100644
--- a/tasks.py
+++ b/tasks.py
@@ -7,20 +7,21 @@ from lnbits.core.services import create_invoice, pay_invoice, websocketUpdater
 from lnbits.helpers import get_current_extension_name
 from lnbits.tasks import register_invoice_listener
 
-from .crud import get_myextension
+from .crud import get_myextension, update_myextension
 
 
 #######################################
-########## RUN YOU TASKS HERE #########
+########## RUN YOUR TASKS HERE #########
 #######################################
 
 
 # the usual task is to listen to invoices related to this extension
 
+
 async def wait_for_paid_invoices():
+    logger.debug(get_current_extension_name())
     invoice_queue = asyncio.Queue()
     register_invoice_listener(invoice_queue, get_current_extension_name())
-
     while True:
         payment = await invoice_queue.get()
         await on_invoice_paid(payment)
@@ -33,11 +34,8 @@ async def on_invoice_paid(payment: Payment) -> None:
     if payment.extra.get("tag") != "MyExtension":
         return
 
-    myextension_id = payment.extra.get("tempId")
-    assert myextension_id
-
+    myextension_id = payment.extra.get("myextensionId")
     myextension = await get_myextension(myextension_id)
-    assert myextension
 
     # update something in the db
     
@@ -45,7 +43,7 @@ async def on_invoice_paid(payment: Payment) -> None:
         "total": myextension.total + payment.amount
     }
 
-    await update_myextension(myextension_id=myextension_id, **data_to_update.dict())
+    await update_myextension(myextension_id=myextension_id, **data_to_update)
 
     # here we could send some data to a websocket on wss://<your-lnbits>/api/v1/ws/<myextension_id>
     # and then listen to it on the frontend, which we do with index.html connectWebocket()
diff --git a/templates/myextension/_api_docs.html b/templates/myextension/_api_docs.html
index fa2b07c..70d1fd4 100644
--- a/templates/myextension/_api_docs.html
+++ b/templates/myextension/_api_docs.html
@@ -4,76 +4,5 @@
   label="API info"
   :content-inset-level="0.5"
 >
-  <q-btn flat label="Swagger API" type="a" href="../docs#/myextension"></q-btn>
-  <q-expansion-item group="api" dense expand-separator label="List MyExtension">
-    <q-card>
-      <q-card-section>
-        <code><span class="text-blue">GET</span> /myextension/api/v1/temps</code>
-        <h5 class="text-caption q-mt-sm q-mb-none">Headers</h5>
-        <code>{"X-Api-Key": &lt;invoice_key&gt;}</code><br />
-        <h5 class="text-caption q-mt-sm q-mb-none">Body (application/json)</h5>
-        <h5 class="text-caption q-mt-sm q-mb-none">
-          Returns 200 OK (application/json)
-        </h5>
-        <code>[&lt;temp_object&gt;, ...]</code>
-        <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
-        <code
-          >curl -X GET {{ request.base_url }}myextension/api/v1/temps -H "X-Api-Key:
-          &lt;invoice_key&gt;"
-        </code>
-      </q-card-section>
-    </q-card>
-  </q-expansion-item>
-  <q-expansion-item group="api" dense expand-separator label="Create a MyExtension">
-    <q-card>
-      <q-card-section>
-        <code><span class="text-green">POST</span> /myextension/api/v1/temps</code>
-        <h5 class="text-caption q-mt-sm q-mb-none">Headers</h5>
-        <code>{"X-Api-Key": &lt;invoice_key&gt;}</code><br />
-        <h5 class="text-caption q-mt-sm q-mb-none">Body (application/json)</h5>
-        <code
-          >{"name": &lt;string&gt;, "currency": &lt;string*ie USD*&gt;}</code
-        >
-        <h5 class="text-caption q-mt-sm q-mb-none">
-          Returns 201 CREATED (application/json)
-        </h5>
-        <code
-          >{"currency": &lt;string&gt;, "id": &lt;string&gt;, "name":
-          &lt;string&gt;, "wallet": &lt;string&gt;}</code
-        >
-        <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
-        <code
-          >curl -X POST {{ request.base_url }}myextension/api/v1/temps -d '{"name":
-          &lt;string&gt;, "currency": &lt;string&gt;}' -H "Content-type:
-          application/json" -H "X-Api-Key: &lt;admin_key&gt;"
-        </code>
-      </q-card-section>
-    </q-card>
-  </q-expansion-item>
-
-  <q-expansion-item
-    group="api"
-    dense
-    expand-separator
-    label="Delete a MyExtension"
-    class="q-pb-md"
-  >
-    <q-card>
-      <q-card-section>
-        <code
-          ><span class="text-pink">DELETE</span>
-          /myextension/api/v1/temps/&lt;myextension_id&gt;</code
-        >
-        <h5 class="text-caption q-mt-sm q-mb-none">Headers</h5>
-        <code>{"X-Api-Key": &lt;admin_key&gt;}</code><br />
-        <h5 class="text-caption q-mt-sm q-mb-none">Returns 204 NO CONTENT</h5>
-        <code></code>
-        <h5 class="text-caption q-mt-sm q-mb-none">Curl example</h5>
-        <code
-          >curl -X DELETE {{ request.base_url
-          }}myextension/api/v1/temps/&lt;myextension_id&gt; -H "X-Api-Key: &lt;admin_key&gt;"
-        </code>
-      </q-card-section>
-    </q-card>
-  </q-expansion-item>
+  <q-btn flat label="Swagger API" type="a" href="../docs#/MyExtension"></q-btn>
 </q-expansion-item>
diff --git a/templates/myextension/_myextension.html b/templates/myextension/_myextension.html
index a2b9679..09e4c31 100644
--- a/templates/myextension/_myextension.html
+++ b/templates/myextension/_myextension.html
@@ -1,11 +1,11 @@
-<q-expansion-item group="extras" icon="info" label="About MyExtension">
+<q-expansion-item group="extras" icon="info" label="More info">
   <q-card>
     <q-card-section>
       <p>
-        MyExtension extension is a basic extension that you can use to get started building your own extension
+        Some more info about my excellent extension.
       </p>
       <small
-        >Created by
+        >Created by   
         <a
           class="text-secondary"
           href="https://github.com/benarc"
@@ -13,6 +13,15 @@
           >Ben Arc</a
         >.</small
       >
+      <small
+        >Repo  
+        <a
+          class="text-secondary"
+          href="https://github.com/lnbits/myextension"
+          target="_blank"
+          >MyExtension</a
+        >.</small
+      >
     </q-card-section>
   </q-card>
 </q-expansion-item>
diff --git a/templates/myextension/index.html b/templates/myextension/index.html
index 6d6029f..d6c2738 100644
--- a/templates/myextension/index.html
+++ b/templates/myextension/index.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
 %} {% block page %}
-<div class="row q-col-gutter-md">
+<div class="row q-col-gutter-md" id="makeItRain">
   <div class="col-12 col-md-8 col-lg-7 q-gutter-y-md">
     <q-card>
       <q-card-section>
@@ -67,7 +67,32 @@
             target="_blank"
             ><q-tooltip>Open public page</q-tooltip></q-btn
           ></q-td>
-        
+
+          <q-td>
+            <q-btn
+              flat
+              dense
+              size="xs"
+              @click="updateMyExtensionForm(props.row.id)"
+              icon="edit"
+              color="light-blue"
+            >
+              <q-tooltip> Edit copilot </q-tooltip>
+            </q-btn>
+          </q-td>
+
+          <q-td>
+            <q-btn
+              flat
+              dense
+              size="xs"
+              @click="deleteMyExtension(props.row.id)"
+              icon="cancel"
+              color="pink"
+            >
+              <q-tooltip> Delete copilot </q-tooltip>
+            </q-btn>
+          </q-td>
         
             </q-tr>
           </template>
@@ -194,6 +219,7 @@
   </q-dialog>
 </div>
 {% endblock %} {% block scripts %} {{ window_vars(user) }}
+<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.4.0/dist/confetti.browser.min.js"></script>
 <script>
   // The object returned here will be merged with the data object of the Vue instance
   const mapMyExtension = obj => {
@@ -204,7 +230,6 @@
     obj.myextension = ['/myextension/', obj.id].join('')
     return obj
   }
-
   new Vue({
     el: '#vue',
     mixins: [windowMixin],
@@ -280,9 +305,10 @@
         const wallet = _.findWhere(this.g.user.wallets, {
           id: this.formDialog.data.wallet
         })
-        console.log(data)
-        console.log(wallet)
-        if (data.id) {
+        if (this.formDialog.data.id) {
+          data.id = this.formDialog.data.id
+          data.wallet = wallet.id
+          data.total = this.formDialog.data.total
           this.updateMyExtension(wallet, data)
         } else {
           this.createMyExtension(wallet, data)
@@ -291,8 +317,7 @@
       updateMyExtensionForm(tempId) {
         const myextension = _.findWhere(this.temps, {id: tempId})
         this.formDialog.data = {
-          ...myextension,
-          tip_options: JSON.parse(myextension.tip_options)
+          ...myextension
         }
         if (this.formDialog.data.tip_wallet != '') {
           this.formDialog.advanced.tips = true
@@ -325,7 +350,7 @@
             this.temps = _.reject(this.temps, obj => {
               return obj.id == data.id
             })
-            this.temps.push(mapTemp(response.data))
+            this.temps.push(mapMyExtension(response.data))
             this.closeFormDialog()
           })
           .catch(error => {
@@ -410,10 +435,10 @@
           amount: this.invoiceAmount,
           memo: 'Invoice created by MyExtension',
           extra: {
-            tag: 'MyExtension'
+            tag: 'MyExtension',
+            myextensionId: myextensionId
           }
         }
-        console.log(dataToSend)
         LNbits.api
           .request(
             'POST',
@@ -423,16 +448,46 @@
           )
           .then(response => {
             this.qrValue = response.data.payment_request
-            this.connectWebocket(myextensionId)
           })
           .catch(error => {
             LNbits.utils.notifyApiError(error)
           })
       },
+      makeItRain() {
+        document.getElementById("vue").disabled = true
+        var end = Date.now() + (2 * 1000)
+        var colors = ['#FFD700', '#ffffff']
+        function frame() {
+          confetti({
+            particleCount: 2,
+            angle: 60,
+            spread: 55,
+            origin: { x: 0 },
+            colors: colors,
+            zIndex: 999999
+          })
+          confetti({
+            particleCount: 2,
+            angle: 120,
+            spread: 55,
+            origin: { x: 1 },
+            colors: colors,
+            zIndex: 999999
+          })
+          if (Date.now() < end) {
+            requestAnimationFrame(frame)
+          }
+          else {
+            document.getElementById("vue").disabled = false
+          }
+        }
+        frame()
+      },
       connectWebocket(id){
       //////////////////////////////////////////////////
       ///wait for pay action to happen and do a thing////
       ///////////////////////////////////////////////////
+      self = this
         if (location.protocol !== 'http:') {
         localUrl =
           'wss://' +
@@ -452,14 +507,13 @@
       }
       this.connection = new WebSocket(localUrl)
       this.connection.onmessage = function (e) {
-        console.log(e)
+        self.makeItRain()
       }
       }
     },
     created: function () {
       if (this.g.user.wallets.length) {
         this.getMyExtensions()
-        
       }
     }
   })
diff --git a/templates/myextension/myextension.html b/templates/myextension/myextension.html
index 3c95e20..4ff6fe1 100644
--- a/templates/myextension/myextension.html
+++ b/templates/myextension/myextension.html
@@ -62,36 +62,73 @@
     mixins: [windowMixin],
     data: function () {
       return {
-        qrValue: ''
+        qrValue: '',
+        myExtensionID: ''
       }
     },
     created: function () {
       this.qrValue = '{{lnurlpay}}'
+      this.myExtensionID = '{{myextension_id}}'
+      this.connectWebocket(this.myExtensionID)
     },
     methods: {
-      createInvoice(walletId) {
-        console.log(walletId)
-        const wallet = _.findWhere(this.g.user.wallets, {
-          id: walletId
-        })
-        console.log(wallet.inkey)
-        LNbits.api
-          .request(
-            'POST',
-            `/api/v1/payments`,
-            wallet.inkey,
-            { 
-              out: false,
-              amount: this.invoiceAmount,
-            }
-          )
-          .then(response => {
-            this.qrValue = response.data.payment_request
+      makeItRain() {
+        document.getElementById("vue").disabled = true
+        var end = Date.now() + (2 * 1000)
+        var colors = ['#FFD700', '#ffffff']
+        function frame() {
+          confetti({
+            particleCount: 2,
+            angle: 60,
+            spread: 55,
+            origin: { x: 0 },
+            colors: colors,
+            zIndex: 999999
           })
-          .catch(error => {
-            LNbits.utils.notifyApiError(error)
+          confetti({
+            particleCount: 2,
+            angle: 120,
+            spread: 55,
+            origin: { x: 1 },
+            colors: colors,
+            zIndex: 999999
           })
+          if (Date.now() < end) {
+            requestAnimationFrame(frame)
+          }
+          else {
+            document.getElementById("vue").disabled = false
+          }
+        }
+        frame()
       },
+      connectWebocket(id){
+      //////////////////////////////////////////////////
+      ///wait for pay action to happen and do a thing////
+      ///////////////////////////////////////////////////
+      self = this
+        if (location.protocol !== 'http:') {
+        localUrl =
+          'wss://' +
+          document.domain +
+          ':' +
+          location.port +
+          '/api/v1/ws/' +
+          id
+      } else {
+        localUrl =
+          'ws://' +
+          document.domain +
+          ':' +
+          location.port +
+          '/api/v1/ws/' +
+          id
+      }
+      this.connection = new WebSocket(localUrl)
+      this.connection.onmessage = function (e) {
+        self.makeItRain()
+      }
+      }
     },
   })
 </script>
diff --git a/views_api.py b/views_api.py
index 800ab76..19bee97 100644
--- a/views_api.py
+++ b/views_api.py
@@ -66,6 +66,7 @@ async def api_myextension(
 
 @myextension_ext.put("/api/v1/temps/{myextension_id}")
 async def api_myextension_update(
+    req: Request,
     data: CreateMyExtensionData,
     myextension_id: str,
     wallet: WalletTypeInfo = Depends(get_key_type),
@@ -74,12 +75,12 @@ async def api_myextension_update(
         raise HTTPException(
             status_code=HTTPStatus.NOT_FOUND, detail="MyExtension does not exist."
         )
-    myextension = await get_myextension(myextension_id)
+    myextension = await get_myextension(myextension_id, req)
     assert myextension, "MyExtension couldn't be retrieved"
 
     if wallet.wallet.id != myextension.wallet:
         raise HTTPException(status_code=HTTPStatus.FORBIDDEN, detail="Not your MyExtension.")
-    myextension = await update_myextension(myextension_id=myextension_id, **data.dict())
+    myextension = await update_myextension(myextension_id=myextension_id, **data.dict(), req=req)
     return myextension.dict()
 
 
@@ -87,9 +88,11 @@ async def api_myextension_update(
 
 @myextension_ext.post("/api/v1/temps", status_code=HTTPStatus.CREATED)
 async def api_myextension_create(
-    data: CreateMyExtensionData, wallet: WalletTypeInfo = Depends(get_key_type)
+    req: Request,
+    data: CreateMyExtensionData, 
+    wallet: WalletTypeInfo = Depends(get_key_type)
 ):
-    myextension = await create_myextension(wallet_id=wallet.wallet.id, data=data)
+    myextension = await create_myextension(wallet_id=wallet.wallet.id, data=data, req=req)
     return myextension.dict()