Some fixes for users with no portfolios

styles/elements/_sidenav.scss

@@ -60,6 +60,12 @@
       margin-bottom: $gap;
     }
 
+    .sidenav__text {
+      margin: 2 * $gap;
+      color: $color-gray;
+      font-style: italic;
+    }
+
     .sidenav__link {
       display: block;
       padding: $gap ($gap * 2);
@@ -131,7 +137,6 @@
       }
 
       + ul {
-        // padding-bottom: $gap / 2;
 
         li {
           .sidenav__link {

templates/navigation/global_sidenav.html

@@ -18,12 +18,16 @@
       <div v-if="props.isVisible">
         <div class="sidenav__title">Portfolios</div>
         <ul class="sidenav__list--padded">
-          {% for other_portfolio in portfolios|sort(attribute='name') %}
+          {% if portfolios %}
-            {{ SidenavItem(other_portfolio.name,
+            {% for other_portfolio in portfolios|sort(attribute='name') %}
-              href=url_for("portfolios.show_portfolio", portfolio_id=other_portfolio.id),
+              {{ SidenavItem(other_portfolio.name,
-              active=(other_portfolio.id | string) == request.view_args.get('portfolio_id')
+                href=url_for("portfolios.show_portfolio", portfolio_id=other_portfolio.id),
-              ) }}
+                active=(other_portfolio.id | string) == request.view_args.get('portfolio_id')
-          {% endfor %}
+                ) }}
+            {% endfor %}
+          {% else %}
+            <li><span class="sidenav__text">You have no portfolios yet</span></li>
+          {% endif %}
         </ul>
         <div class="sidenav__divider--small"></div>
         <a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio">

templates/portfolios/blank_slate.html

@@ -9,7 +9,7 @@
 {% block content %}
   {{
     EmptyState(
-      action_href=url_for("task_orders.new", screen=1),
+      action_href=url_for("task_orders.get_started"),
       action_label=("portfolios.index.empty.start_button" | translate),
       icon="cloud",
       message=("portfolios.index.empty.title" | translate),