From 959b32de1c6fc74bec585630b3025babc1a8edc4 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Sat, 16 Jan 2021 20:48:45 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20new=20UsersEmptyState?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #12
---
 src/components/UsersEmptyState.svelte | 2 ++
 src/components/users_empty.svg        | 1 +
 2 files changed, 3 insertions(+)
 create mode 100644 src/components/users_empty.svg

diff --git a/src/components/UsersEmptyState.svelte b/src/components/UsersEmptyState.svelte
index a4bd3ba7..9229ec8d 100644
--- a/src/components/UsersEmptyState.svelte
+++ b/src/components/UsersEmptyState.svelte
@@ -1,11 +1,13 @@
 <script>
   import { _ } from "svelte-i18n";
   import AddUserModal from "./AddUserModal.svelte";
+  import users_empty from "./users_empty.svg";
   let modal_open = false;
 </script>
 
 <div class="text-center items-center justify-center">
   <p class="mb-16 text-lg text-gray-500">
+    <img class="w-full h-44" src={users_empty} alt="" />
     <span class="font-bold">There are no users added yet.</span><br />
     <span>Add your first user</span>
   </p>
diff --git a/src/components/users_empty.svg b/src/components/users_empty.svg
new file mode 100644
index 00000000..c387dd47
--- /dev/null
+++ b/src/components/users_empty.svg
@@ -0,0 +1 @@
+<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1066.106 824.2"><path fill="#f2f2f2" d="M962.551 394.71l-15.879 71.42-12.89 57.94-10.274 46.21-12.882 57.94-42.095 189.29-521.617-241.03-38.342-17.72-48.533-22.43-38.356-17.72-46.132-21.32 26.153-38.05 21.748-31.64 27.513-40.03 21.742-31.62L517.369 0 776.55 229.8l46.153 40.92 36.802 32.63 46.161 40.92 56.885 50.44z"/><path d="M204.354 604.831c-34.88-19.444-56.594-45.991-64.54-78.902-5.899-24.436-4.204-51.933 5.039-81.728a218.888 218.888 0 0130.439-61.484c70.638-99.986 77.013-165.138 69.923-202.187-7.774-40.623-33.031-57.494-33.286-57.66l1.09-1.676c.261.17 26.184 17.433 34.145 58.88 4.59 23.894 2.43 51.14-6.417 80.98-11.012 37.139-32.485 78.46-63.822 122.817a216.904 216.904 0 00-30.162 60.922c-15.158 48.867-17.303 115.997 58.564 158.292z" fill="#2f2e41"/><path d="M221.127 604.831c34.88-19.444 56.594-45.991 64.54-78.902 5.898-24.436 4.203-51.933-5.039-81.728a218.888 218.888 0 00-30.439-61.484c-70.638-99.986-77.014-165.138-69.923-202.187 7.774-40.623 33.03-57.494 33.285-57.66l-1.09-1.676c-.26.17-26.184 17.433-34.145 58.88-4.589 23.894-2.43 51.14 6.418 80.98 11.012 37.139 32.484 78.46 63.821 122.817a216.904 216.904 0 0130.163 60.922c15.158 48.867 17.303 115.997-58.565 158.292zM981.354 520.831c-34.88-19.444-56.594-45.991-64.54-78.902-5.899-24.436-4.204-51.933 5.039-81.728a218.888 218.888 0 0130.439-61.484c70.638-99.986 77.013-165.138 69.923-202.187-7.774-40.623-33.031-57.494-33.286-57.66l1.09-1.676c.261.17 26.184 17.433 34.145 58.88 4.59 23.894 2.43 51.14-6.417 80.98-11.012 37.139-32.485 78.46-63.822 122.817a216.904 216.904 0 00-30.162 60.922c-15.158 48.867-17.303 115.997 58.564 158.292z" fill="#2f2e41"/><path d="M998.127 520.831c34.88-19.444 56.594-45.991 64.54-78.902 5.898-24.436 4.203-51.933-5.039-81.728a218.888 218.888 0 00-30.439-61.484c-70.638-99.986-77.014-165.138-69.923-202.187 7.774-40.623 33.03-57.494 33.285-57.66l-1.09-1.676c-.26.17-26.184 17.433-34.145 58.88-4.589 23.894-2.43 51.14 6.418 80.98 11.012 37.139 32.484 78.46 63.821 122.817a216.904 216.904 0 0130.163 60.922c15.158 48.867 17.303 115.997-58.565 158.292zM467.815 299.945c-26.207-44.282-78.055-46.346-78.055-46.346s-50.523-6.46-82.934 60.98c-30.209 62.862-71.9 123.555-6.712 138.27L311.89 416.2l7.293 39.378a255.068 255.068 0 0027.892.477c69.812-2.254 136.297.659 134.157-24.393-2.846-33.302 11.8-89.11-13.416-131.717z" fill="#2f2e41"/><path d="M360.247 392.622c9.03 19.975 14.725 43.786 18.125 70.234l72.5-4.531c-16.669-23.62-22.203-50.729-15.86-81.562z" fill="#ffb8b8"/><path d="M360.247 392.622c9.03 19.975 14.725 43.786 18.125 70.234l72.5-4.531c-16.669-23.62-22.203-50.729-15.86-81.562z" opacity=".2"/><path d="M23.872 772.944S-13.65 793.042 5.39 810.202s44.193-22.714 44.193-22.714z" fill="#ffb8b8"/><path fill="#2f2e41" d="M482.591 714.334l-.586 27.458-1.251 59.33v.01l-.364 17.182H240.438l9.752-54.151.01-.04 8.732-48.467 3.897-21.705v-.01l197.108-27.186 22.654 47.579z"/><path d="M482.59 714.337l-.59 27.46c-69.735-1.79-177.826-18.624-223.07-26.146l3.896-21.704 197.107-27.188z" fill="#3f3d56"/><circle cx="395.364" cy="355.24" r="56.64" fill="#ffb8b8"/><path d="M504.113 744.923s6.796 61.17-33.984 56.64l-6.797-61.172-36.25-36.25-101.952-2.265-74.764 70.234s-2.266-72.5 6.796-79.296 29.453-22.656 29.453-22.656V658.83l-61.17-124.608s36.249-74.765 65.701-77.03l38.516-2.266s13.593-6.797 13.593-9.062-2.265-20.39 9.063-15.86c0 0 1.019-23.245 12.959-16.153 0 0 37.586 29.453 75.739 1.291 0 0 17.785-3.262 15.519 5.8s0 15.86 4.531 15.86 24.922 6.796 24.922 11.327c0 .975 1.473 10.354 3.783 24.469v.022c8.406 51.452 27.935 165.82 27.935 165.82s20.39 29.452-13.593 106.483z" fill="#dfe5ee"/><path d="M241.303 522.894l-15.859 11.328-144.998 185.78-77.03 61.17s43.046-6.797 33.983 29.453L302.474 658.83z" fill="#dfe5ee"/><path d="M489.771 472.598v.022c-3.013 17.717-101.204 14.024-114.797 14.024s-24.922-2.265-38.516-11.328-6.796-20.39-6.796-20.39 11.574-8.816 11.574-11.081-2.265-20.39 9.063-15.86c0 0 1.019-23.245 12.959-16.153 0 0 39.605 31.472 77.758 3.31 0 0 17.785-3.262 15.519 5.8s0 15.86 4.531 15.86 24.922 6.796 24.922 11.327c0 .975 1.473 10.354 3.783 24.469z" fill="#3f3d56"/><path d="M478.058 388.091s-18.125-38.515-36.25-20.39 20.391 45.312 20.391 45.312z" fill="#ffb8b8"/><path d="M478.058 379.029s-27.987 35.37-36.65 38.075c0 0 25.322 100.126 57.04 127.313l18.125 92.89s77.03-31.719 58.906-83.827l-.541-1.554a513.985 513.985 0 00-62.099-122.409z" fill="#dfe5ee"/><path opacity=".2" d="M463.102 483.933l55.737 153.374-20.39-92.89-35.347-60.484z"/><path fill="#2f2e41" d="M456.229 295.676l-51.224-26.831-70.737 10.976-14.636 64.639 36.432-1.401 10.178-23.748v23.357l16.81-.647 9.757-37.808 6.098 40.247 59.761-1.219-2.439-47.565z"/><path d="M940.129 644.338l29.062 103.67s-5.989 91.828 21.959 73.862c28.6-18.386 17.966-95.82 17.966-95.82l-16.752-93.007z" fill="#a0616a"/><path d="M955.658 353.515l24 24v114.352s14.118 21.177 11.294 26.824-5.647 5.647-2.823 9.882 5.647 7.059 2.823 9.882-2.823 9.883 0 12.706 8.47 7.06 4.235 11.294-9.882 1.412-4.235 16.942 15.53 19.764 12.706 25.411-2.823 19.765-2.823 19.765l-60.706 8.47-12.706-159.529z" fill="#d0cde1"/><path fill="#3f3d56" d="M1003.658 623.161l-70.588 2.824 2.823 29.647 62.118-11.294 5.647-21.177z"/><path fill="#a0616a" d="M809.541 205.986l-8.471 84.705 86.118 12.706 6.353-48.705 6.353-48.706h-90.353z"/><path opacity=".1" d="M809.541 205.527l-8.471 84.706 86.118 12.706 6.353-48.706 6.353-48.706h-90.353z"/><path d="M622.483 609.044l48 103.058s8.47 48 21.176 49.412 25.412-49.412 25.412-49.412l-16.942-26.823-19.764-76.235z" fill="#a0616a"/><path d="M951.056 819.314H679.687c2.15-34.01 3.503-54.979 3.503-54.979l3.604-5.673 17.475-27.459 12.478-19.605 4.35-6.844 1.616-2.534 17.091-3.12 176.323-32.173a215.426 215.426 0 0012.326 38.11 154.098 154.098 0 003.876 8.176c4.432 8.652 9.843 16.85 16.274 22.886 1.464 1.373 2.524 5.038 3.21 10.67 1.696 13.801 1.211 39.463-.757 72.545z" fill="#2f2e41"/><circle cx="856.835" cy="165.751" r="67.765" fill="#a0616a"/><path d="M705.776 304.103l-9.882-5.647s-43.764 29.647-57.882 96-24 83.294-24 83.294-14.118 2.823-4.235 12.706 9.882 8.47 1.411 14.117-14.117-5.647-8.47 5.647 12.706 8.47 7.059 15.53-15.53 7.058-9.883 12.705-5.647 18.353 1.412 24 9.882 7.06 9.882 16.942a49.993 49.993 0 002.824 16.94h73.412s-14.118-26.823-9.883-32.47 5.647-11.294 2.824-14.117-11.294 2.823-2.824-4.236 11.294-2.823 8.47-11.294-8.47-4.235-2.823-8.47 9.883-2.824 7.06-7.06-8.471-4.234-2.824-7.058 9.882 0 8.47-7.059-2.823-4.235 0-7.059 32.47-98.823 32.47-101.646-22.588-91.765-22.588-91.765z" fill="#d0cde1"/><path fill="#3f3d56" d="M691.659 590.691l-88.941 5.647 22.588 21.176 62.118 1.412 4.235-28.235zM717.07 696.573l-18.352 33.882s55.058 7.059 74.823 14.118 70.588 16.94 70.588 16.94l12.706-49.41zM878.011 712.102l15.53 46.588 62.117-12.706-7.059-43.764-70.588 9.882z"/><path d="M903.423 256.103s-4.235-2.823-14.118 2.824-42.352 8.47-57.882-8.47-26.823-31.06-31.059-28.236-7.058 35.294-7.058 35.294l-14.118 11.294-83.294 29.647 7.059 190.588 12.706 43.764s-9.883 33.883 2.823 53.647-7.058 26.824-7.058 26.824-4.236 5.647-1.412 19.764-2.824 66.353-2.824 66.353 120 53.647 245.647 7.06l-14.118-53.648-7.059-120s7.059-19.764 5.647-28.235 42.353-127.058 42.353-127.058-7.059-59.294-43.764-72-42.353-25.412-42.353-25.412 16.94-18.353 9.882-24z" fill="#d0cde1"/><path d="M788.6 174.431s-7.037-10.555-4.33-21.923a66.444 66.444 0 001.895-19.757s5.683-18.405 11.367-28.69 2.977-14.615 20.84-17.863 10.556-26.524 57.65-1.353a13.811 13.811 0 0014.344 5.413c9.744-1.894 13.262 11.638 13.262 11.638s6.496-3.789 8.932 1.624 19.804-3.249 19.804 33.29-19.765 69.176-19.765 69.176 1.45-61.462-30.758-67.687-66.852-24.359-75.242-1.083-17.999 37.215-17.999 37.215z" fill="#2f2e41"/><ellipse cx="913.305" cy="180.574" rx="6.353" ry="8.471" fill="#a0616a"/></svg>
\ No newline at end of file