Display Empty State component on workspace project

Adjust button and message depending on user permissions

templates/workspace_projects.html

@@ -1,11 +1,30 @@
 {% from "components/icon.html" import Icon %}
 {% from "components/alert.html" import Alert %}
+{% from "components/empty_state.html" import EmptyState %}
 
 {% extends "base_workspace.html" %}
 
+
 {% block workspace_content %}
 
-{% for project in workspace.projects %}
+{% if not workspace.projects %}
+
+  {% set can_create_projects = user_can(permissions.ADD_APPLICATION_IN_WORKSPACE) %}
+  {% set sub_message = None if can_create_projects else 'Please contact your workspace administrator to set up a new project.' %}
+  {% set action_label = 'Add a New Project' if can_create_projects else None %}
+  {% set action_href = url_for('workspaces.new_project', workspace_id=workspace.id) if can_create_projects else None %}
+
+  {{ EmptyState(
+    'This workspace doesn’t have any projects yet.',
+    action_label=action_label,
+    action_href=action_href,
+    icon='cloud',
+    sub_message=sub_message
+  ) }}
+
+{% else %}
+
+  {% for project in workspace.projects %}
     <div class='block-list project-list-item'>
       <header class='block-list__header'>
         <h2 class='block-list__title'>{{ project.name }} ({{ project.environments|length }} environments)</h2>
@@ -30,7 +49,9 @@
         {% endfor %}
       </ul>
     </div>
-{% endfor %}
+  {% endfor %}
+
+{% endif %}
 
 {% endblock %}