From cb1d3aa9d52e37bab69f5d45f0d1c05d59fdc4cc Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Sat, 8 May 2021 21:27:57 +0200
Subject: [PATCH] Fix vesting modal

---
 src/base/vesting/Vesting.svelte | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/base/vesting/Vesting.svelte b/src/base/vesting/Vesting.svelte
index bad8c0029..bf0d6edd1 100644
--- a/src/base/vesting/Vesting.svelte
+++ b/src/base/vesting/Vesting.svelte
@@ -6,6 +6,7 @@
   import type { VestingInfo } from './vesting';
   import type { Session } from '@app/session';
   import type { Config } from '@app/config';
+  import Modal from '@app/Modal.svelte';
 
   let input: HTMLElement;
 
@@ -53,11 +54,11 @@
 
 <main>
   {#if info}
-    <div class="modal">
-      <div class="modal-title">
+    <Modal>
+      <span slot="title">
         {contractAddress}
-      </div>
-      <div class="modal-body">
+      </span>
+      <span slot="body">
         {#if $state === State.Withdrawn}
           Tokens successfully withdrawn to {formatAddress(info.beneficiary)}.
         {:else}
@@ -68,8 +69,8 @@
             <tr><td class="label">Withdrawable</td><td>{info.withdrawableBalance} <strong>{info.symbol}</strong></td></tr>
           </table>
         {/if}
-      </div>
-      <div class="modal-actions">
+      </span>
+      <span slot="actions">
         {#if isBeneficiary}
           {#if $state === State.WithdrawingSign}
             <button disabled data-waiting class="primary small">
@@ -88,8 +89,8 @@
         <button on:click={reset} class="small">
           Back
         </button>
-      </div>
-    </div>
+      </span>
+    </Modal>
   {:else}
     <div class="input-caption">
       Enter your Radicle <strong>vesting contract</strong> address