basic User Components

ref #12

src/components/Users.svelte

@@ -1,10 +1,25 @@
 <script>
   import { _ } from "svelte-i18n";
+  import AddUserModal from "./AddUserModal.svelte";
+  export let modal_open = false;
+  import UsersDetail from "./UsersDetail.svelte";
 </script>
 
 <section class="container p-5">
   <span class="mb-1 text-3xl font-extrabold leading-tight text-gray-900">
-    {$_('users')}
+    Users
+    <button
+      on:click={() => {
+        modal_open = true;
+      }}
+      type="button"
+      class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-blue-600 text-base font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:ml-3 sm:w-auto sm:text-sm">
+      Create User
+    </button>
   </span>
-  <p class="mb-8 text-lg text-gray-500">admin users</p>
+  <p class="mb-8 text-lg text-gray-500">
+    manage admin users
+  </p>
+  <UsersDetail />
 </section>
+<AddUserModal bind:modal_open />