toil(front): zero state for project service accounts

Author: skipi

front/lib/front_web/templates/people/members/members_list.html.eex

@@ -50,7 +50,7 @@
       <div class="flex items-center justify-between pa3 bb bw1 b--black-075 br3 br--top ">
         <div>
           <div class="flex items-center">
-            <span class="material-symbols-outlined pr2">key</span>
+            <span class="material-symbols-outlined pr2">smart_toy</span>
             <div class="b">Service Accounts</div>
           </div>
         </div>
@@ -63,6 +63,15 @@
         <%= @service_accounts |> Enum.map(fn (service_account) -> %>
           <%= render "members/_member.html", is_group?: false, is_service_account?: true, member: service_account, roles: @roles, org_scope?: @org_scope?, conn: @conn, permissions: @permissions %>
         <% end) %>
+        <%= if Enum.empty?(@service_accounts) do %>
+          <div class="pv5 tc">
+            <img src="<%= image_source("ill-girl-showing-continue.svg") %>" alt="girl pointing to the left" class="mb3">
+            <h3 class="f4 mb2">No service accounts yet</h3>
+            <p class="f6 gray mb0">
+              Create your first service account to get started with API access.
+            </p>
+          </div>
+        <% end %>
       </div>
     </div>
   <% end %>