Put the remove project button in the project page istead of top page

Author: edvakf

svelte/App.svelte

@@ -5,6 +5,7 @@
   import Projects from './Projects.svelte';
   import Main from './Main.svelte';
   import Welcome from './Welcome.svelte';
+  import Remove from './Remove.svelte';
 
   export let status;
 
@@ -64,7 +65,12 @@
         {#if status.currentProject}
         <Lock {status}></Lock>
         {/if}
+
         <Projects {status}></Projects>
+
+        {#if status.currentProject}
+        <Remove {status}></Remove>
+        {/if}
       </aside>
 
     {/if}

svelte/Remove.svelte

@@ -0,0 +1,13 @@
+<script>
+  export let status;
+</script>
+
+<form action="./{status.currentProject.name}/remove" method="post" class="sidebar-section bg-light p-3 mb-3">
+  <h4>Remove project</h4>
+
+  <p>Please lock this project in order to remove.</p>
+
+  <button class="btn btn-danger" disabled={!status.currentProject.lock || status.currentProject.lock.user !== status.currentUser}>
+    &#x2620; Remove this project
+  </button>
+</form>

svelte/Welcome.svelte

@@ -16,20 +16,4 @@
       <button class="btn btn-success" type="submit">git clone</button>
     </span>
   </div>
-</form>
-
-{#if status.allProjects.length > 0}
-  <h3 class="p-1">Remove a project</h3>
-
-  <table class="table table-striped">
-    {#each status.allProjects as project}
-      <tr>
-        <td>
-          <form action="./{project.name}/remove" method="post" class="form-inline">
-            <button class="btn btn-sm btn-outline-danger confirm" data-confirm-text="Are you sure to remove {project.name}?">{project.name}</button>
-          </form>
-        </td>
-      </tr>
-    {/each}
-  </table>
-{/if}
+</form>